/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

.slide-out-up-leave-active {
  transition: all 0.25s ease-out;
}

.slide-out-up-leave-to {
  transform: scale(0);
}

.trix-preview h1,
trix-editor h1 {
  font-weight: bold;
}

.trix-preview a,
trix-editor a {
  color: blue;
  text-decoration: underline;
}

.trix-preview ul,
trix-editor ul {
  list-style: disc inside;
}

.trix-preview ol,
trix-editor ol {
  list-style: decimal inside;
}

.trix-preview blockquote,
trix-editor blockquote {
  border-left: 4px solid #ccc;
  padding-left: 0.5em;
}

.trix-preview pre,
trix-editor pre {
  padding: 10px;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  background-color: #282828;
}

@media print {
  nav,
  footer {
    display: none;
  }

  .btn,
  .link-blue:not(.printable) {
    display: none;
  }

  .link-blue.printable {
    color: black;
  }
}