Skip to content

Instantly share code, notes, and snippets.

@simonwhatley

simonwhatley/_markdown.scss

Last active January 20, 2020 11:34
Show Gist options
  • Save simonwhatley/1b82c6e19f4d46e45edd344333a86ed7 to your computer and use it in GitHub Desktop.
Save simonwhatley/1b82c6e19f4d46e45edd344333a86ed7 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Simon Whatley revised this gist Jan 20, 2020. 1 changed file with 24 additions and 24 deletions.
    48 changes: 24 additions & 24 deletions _markdown.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -1,25 +1,25 @@
    .app-markdown {
    h1 {
    @extend %govuk-heading-xl;
    }
    h1 {
    @extend %govuk-heading-xl;
    }

    h2 {
    @extend %govuk-heading-l;
    }
    h2 {
    @extend %govuk-heading-l;
    }

    h3 {
    @extend %govuk-heading-m;
    }
    h3 {
    @extend %govuk-heading-m;
    }

    h4 {
    @extend %govuk-heading-s;
    }
    h4 {
    @extend %govuk-heading-s;
    }

    p {
    p {
    @extend %govuk-body-m;
    }

    strong,
    strong,
    b {
    @include govuk-typography-weight-bold;
    }
    @@ -37,13 +37,13 @@
    @extend %govuk-list--bullet;
    }

    hr {
    hr {
    @extend %govuk-section-break;
    @extend %govuk-section-break--visible;
    @extend %govuk-section-break--xl;
    }

    table {
    table {
    @include govuk-font($size: 19);
    @include govuk-text-colour;
    @include govuk-responsive-margin(6, "bottom");
    @@ -73,16 +73,16 @@
    caption {
    @include govuk-typography-weight-bold;
    display: table-caption;
    text-align: left;
    text-align: left;
    }

    blockquote {
    @extend .govuk-inset-text;
    margin-left: 0px;
    }
    blockquote {
    @extend .govuk-inset-text;
    margin-left: 0px;
    }

    img {
    max-width: 100%;
    }
    img {
    max-width: 100%;
    }

    }
  2. Simon Whatley created this gist Jan 20, 2020.
    88 changes: 88 additions & 0 deletions _markdown.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,88 @@
    .app-markdown {
    h1 {
    @extend %govuk-heading-xl;
    }

    h2 {
    @extend %govuk-heading-l;
    }

    h3 {
    @extend %govuk-heading-m;
    }

    h4 {
    @extend %govuk-heading-s;
    }

    p {
    @extend %govuk-body-m;
    }

    strong,
    b {
    @include govuk-typography-weight-bold;
    }

    ul,
    ol {
    @extend %govuk-list;
    }

    ol {
    @extend %govuk-list--number;
    }

    ul {
    @extend %govuk-list--bullet;
    }

    hr {
    @extend %govuk-section-break;
    @extend %govuk-section-break--visible;
    @extend %govuk-section-break--xl;
    }

    table {
    @include govuk-font($size: 19);
    @include govuk-text-colour;
    @include govuk-responsive-margin(6, "bottom");
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    }

    th {
    @include govuk-typography-weight-bold;
    border-bottom: 1px solid $govuk-border-colour;
    padding: govuk-em(govuk-spacing(2), 19px) govuk-em(govuk-spacing(4), 19px) govuk-em(govuk-spacing(2), 19px) 0;
    text-align: left;
    }

    td {
    border-bottom: 1px solid $govuk-border-colour;
    padding: govuk-em(govuk-spacing(2), 19px) govuk-em(govuk-spacing(4), 19px) govuk-em(govuk-spacing(2), 19px) 0;
    text-align: left;
    }

    th:last-child,
    td:last-child {
    padding-right: 0;
    }

    caption {
    @include govuk-typography-weight-bold;
    display: table-caption;
    text-align: left;
    }

    blockquote {
    @extend .govuk-inset-text;
    margin-left: 0px;
    }

    img {
    max-width: 100%;
    }

    }