Contents

.l-typography {
  p {
    margin: .5rem 0;
    line-height: 1.5em;
  }

  ol, ul {
    margin-left: 2em;
    margin-top: .5rem;
    margin-bottom: .5rem;

    ol, ul {
      margin-top: 0;
      margin-bottom: 0;
    }
  }
  li {
    line-height: 1.5em;
    margin: .25rem 0;
    &::marker {
      color: var(--db-text-color-important);
    }

    > p {
      margin: .25rem 0;
      &:first-child {
        margin-top: 0;
      }
      &:last-child {
        margin-bottom: 0;
      }
    }
  }

  dl {
    line-height: 1.5em;
  }
  dt {
    font-weight: bold;
    margin: .25rem 0;
  }
  dd {
    margin: .25rem 0 .25rem 2rem;
  }

  a {
    color: revert;

    &:hover {
      color: revert;
      text-decoration: revert;
    }
  }

  .highlight code {
    background-color: var(--db-surface-color);
    border: 1px solid var(--db-border-color);
    max-width: 100%;
    overflow-x: auto;
    border-radius: $border-radius-object;
    margin: 1rem 0;
    
    line-height: 1.5em;
    padding: .5em 1rem;

    display: block;
  }
  
  code.language-plaintext {
    padding: .2rem .4em;
    margin: 0 .2rem;
    font-size: .9em;
    background-color: var(--db-surface-color);
    border-radius: $border-radius-object;
    white-space: nowrap;
  }

  hr {
    border-top: 1px solid var(--db-border-color);
    border-width: 1px 0 0 0;
    margin: 1em 2em;
  }
  
  blockquote {
    margin: .5rem 2rem;
    color: var(--db-text-color-inactive);
    border-left: 0.25em solid var(--db-border-color);
    padding: .25rem 0 .25rem .5rem;
    > * {
      &:first-child {
        margin-top: 0;
      }
      &:last-child {
        margin-bottom: 0;
      }
    }
  }

  p:lang(zh) {
    text-indent: 2em;
  }

}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
databook-theme-0.1.2	_sass/typography/_typography.scss