steffen/website
1
0
Fork 0
Code Actions Packages Releases Activity

Gut grid mixins and replace with Susy for greater flexibility

Browse Source
This commit is contained in:
Michael Rose
2016-03-15 12:34:14 -04:00
parent 72661942cf
commit 6c6546c1ea
68 changed files with 4177 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
_assets/css/_variables.scss
View File

@ -64,23 +64,39 @@ $link-color-focus : darken($link-color-visited, 10);
$border-radius : 4px;
/*
Grid
========================================================================== */
$width : 100%;
$def_grid : 12; // define number of columns in the grid (eg. 12, 16...)
$margin : 0;
/*
Breakpoints
========================================================================== */
@include breakpoint-set("to ems", true);
$micro : 480px;
$small : 600px;
$medium : 768px;
$large : 992px;
$x-large : 1382px;
$small : 600px;
$medium : 768px;
$medium-wide : 900px;
$large : 1024px;
$x-large : 1440px;
/*
Grid
========================================================================== */
// $width : 100%;
// $def_grid : 12; // define number of columns in the grid (eg. 12, 16...)
// $margin : 0;
$susy: (
columns: 12,
gutters: 1/4,
math: fluid,
output: float,
gutter-position: inside,
container: $large,
global-box-sizing: border-box,
debug: (
image: show,
color: blue,
output: overlay,
toggle: top right,
),
);