Skip to content

Instantly share code, notes, and snippets.

@jschee

jschee/mixins example

Last active April 27, 2020 04:06
Show Gist options
  • Save jschee/2ce928fca6f63075b2866b6912b14f0d to your computer and use it in GitHub Desktop.
Save jschee/2ce928fca6f63075b2866b6912b14f0d to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. jschee renamed this gist Apr 27, 2020. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.txt → mixins example
    View file
    File renamed without changes.
  2. jschee created this gist Jan 29, 2020.
    33 changes: 33 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,33 @@
    // Typography ———————————————————————————————— •
    $font-serif: 'Marriweather', Georgia, serif;
    $font-sans: "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;

    @mixin font-smoothing($attr) {
    -webkit-font-smoothing: $attr;
    font-smoothing: $attr;
    }

    // Colors ———————————————————————————————————— •
    $color-body: #F6F5ED;
    $color-background: #F6F5ED;
    $color-link: #596A6A;
    $color-link-hover: #CA0813;
    $color-link-visited: #596A6A;
    $color-white-text: #fff8ef;
    $color-text: #4C4C4C;
    $color-spot: #FF548F;
    $color-red-text: #F12625;



    // cf ————————————————————————————————————— •
    @mixin clearfix {
    &:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
    zoom: 1;
    }