Skip to content

Instantly share code, notes, and snippets.

@shoreline-chrism

shoreline-chrism/input.scss

Created February 4, 2021 19:39
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save shoreline-chrism/ad69c30768e50facc55f22472898f4d5 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save shoreline-chrism/ad69c30768e50facc55f22472898f4d5 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. shoreline-chrism created this gist Feb 4, 2021.
    17 changes: 17 additions & 0 deletions input.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,17 @@
    // .sl9-contain {
    // max-width: 85.71429rem;
    // width: 100%;
    // }

    @mixin sl9-contain() {
    max-width: 85.71429rem;
    width: 100%;

    }

    .new-container,
    .any-container,
    main {
    // @extend .sl9-contain;
    @include sl9-contain;
    }
    6 changes: 6 additions & 0 deletions output.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,6 @@
    .new-container,
    .any-container,
    main {
    max-width: 85.71429rem;
    width: 100%;
    }
    9 changes: 9 additions & 0 deletions settings.json
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,9 @@
    {
    "sass": {
    "compiler": "dart-sass/1.26.11",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
    },
    "autoprefixer": false
    }