Skip to content
Snippets Groups Projects
Select Git revision
  • 56ebe08b90860f353a20435bd1e533f77083904d
  • master default protected
  • feat/new-image-formats
  • clickable-select-chevron
  • 2.20.0
  • 2.19.0
  • 2.18.0
  • 2.17.0
  • 2.16.1
  • 2.16.0
  • 2.15.0
  • 2.14.0
  • 2.13.0
  • 2.12.1
  • 2.11.0
  • 2.10.0
  • 2.9.1
  • 2.9.0
  • 2.8.0
  • 2.7.1
  • 2.7.0
  • 2.6.0
  • 2.5.2
  • 2.5.1
24 results

content-block.pcss

Blame
  • content-block.pcss 1.23 KiB
    .content-block {
      h1,
      h2,
      h3,
      h4 {
        @apply font-condensed font-bold leading-tight;
      }
    
      h5,
      h6 {
        @apply font-condensed uppercase leading-tight;
      }
    
      h1,
      h2,
      h3 {
        margin-bottom: .4em;
    
        &:not(:first-child) {
          margin-top: .95em;
        }
      }
    
      h4,
      h5,
      h6 {
        margin-bottom: .3em;
    
        &:not(:first-child) {
          margin-top: .95em;
        }
      }
    
      /* Horizontal rule starts new block */
      hr + h1,
      hr + h2,
      hr + h3,
      hr + h4,
      hr + h5,
      hr + h6 {
        @apply mt-0;
      }
    
      h1 {
        @apply text-3xl;
      }
    
      h2 {
        @apply text-2xl;
      }
    
      h3 {
        @apply text-xl;
      }
    
      h4 {
        @apply text-lg;
      }
    
      h5 {
        @apply text-base;
      }
    
      h6 {
        @apply text-sm;
      }
    
      pre {
        line-height: 1;
      }
    
      /* Contact lines are quite frequent so these are blacklisted for anchor style specifically. */
      a:not(.contact-line):not(.content-block--nostyle) {
        @apply underline;
      }
    
      p, ul, ol {
        @apply leading-normal;
      }
    
      p:not(:last-child) {
        margin-bottom: 1em;
      }
    
      strong {
        @apply font-bold;
      }
    
      small {
        @apply text-sm;
      }
    
      ul,
      ol,
      table,
      blockquote,
      figure,
      iframe {
        &:not(:first-child) {
          margin-top: 1em;
        }
        &:not(:last-child) {
          margin-bottom: 1em;
        }
      }
    }