Skip to content

Instantly share code, notes, and snippets.

@grayghostvisuals

grayghostvisuals/index.css

Last active August 29, 2015 14:04
Show Gist options
  • Save grayghostvisuals/0024a95505cedec00ed5 to your computer and use it in GitHub Desktop.
Save grayghostvisuals/0024a95505cedec00ed5 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. grayghostvisuals revised this gist Jul 30, 2014. 1 changed file with 0 additions and 4 deletions.
    4 changes: 0 additions & 4 deletions index.css
    View file
    Original file line number Diff line number Diff line change
    @@ -35,8 +35,4 @@

    --Grid-font-size: 1rem;
    --Grid-gutter-size: 10px;
    }

    html {
    color: var(--base-color);
    }
  2. grayghostvisuals created this gist Jul 30, 2014.
    42 changes: 42 additions & 0 deletions index.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,42 @@
    @import "suitcss-base";

    @import "suitcss-utils-align";
    @import "suitcss-utils-display";
    @import "suitcss-utils-layout";
    @import "suitcss-utils-link";
    @import "suitcss-utils-offset";
    @import "suitcss-utils-position";
    @import "suitcss-utils-size";
    @import "suitcss-utils-text";

    @import "suitcss-components-arrange";
    @import "suitcss-components-button";
    @import "suitcss-components-flex-embed";
    @import "suitcss-components-grid";

    @custom-media --sm-viewport (min-width: 320px);
    @custom-media --md-viewport (min-width: 640px);
    @custom-media --lg-viewport (min-width: 960px);

    :root {
    --base-color: inherit;
    --base-font: 16px sans-serif;
    --base-link-color: #069;
    --base-link-color-hover: #069;

    --Arrange-gutter-size: 10px;

    --Button-border-width: 1px;
    --Button-border-color: currentcolor;
    --Button-color: inherit;
    --Button-font: inherit;
    --Button-padding: 0.4em 0.75em;
    --Button-disabled-opacity: 0.6;

    --Grid-font-size: 1rem;
    --Grid-gutter-size: 10px;
    }

    html {
    color: var(--base-color);
    }