@import "utils";

.document_view {
  border: 1px solid #ddd;
  border-bottom: 3px solid #ccc;
  background: #fcfcfc;
  padding: 3em 10% 1em 10%;
  margin-bottom: 2em;

  .title {
    @include type-36;
  }
  .body {
    p {
      @include type-14;
    }
  }

  .written_by {
    font-style: italic;
    .author {
      font-style: normal;
      font-weight: bold;
    }
  }
}
@import "utils";

.document_view {
  border: 1px solid #ddd;
  border-bottom: 3px solid #ccc;
  background: #fcfcfc;
  padding: 3em 10% 1em 10%;
  margin-bottom: 2em;

  .title {
    @include type-36;
  }
  .body {
    p, ul, ol {
      @include type-14;
    }
    ul {
      list-style-type: disc;
    }
    ol {
      list-style-type: decimal;
    }
    ul, ol {
      margin-left: 30px;
      ul, ol {
        font-size: 100%;
        margin-top: #{$baseline_in_px / 14}em;
      }
    }
  }

  .written_by {
    font-style: italic;
    .author {
      font-style: normal;
      font-weight: bold;
    }
  }
}
Tidy list styling in document pages.
Tidy list styling in document pages.

* Unordered and Ordered lists previously had different font sizes to body text.
* Neither Unordered or Ordered lists had bullet icons.
* Lists had no margins, so bullet icons hung outside the body.
* Sublists were a different font-size from outer lists.
