From 8856c415d16ae558609b615873826816c6718f42 Mon Sep 17 00:00:00 2001 From: Ben Burwell Date: Sat, 14 Nov 2015 14:25:23 -0500 Subject: redesign --- _sass/tiny/_layout.scss | 69 ------------------------------------------------- 1 file changed, 69 deletions(-) delete mode 100644 _sass/tiny/_layout.scss (limited to '_sass/tiny/_layout.scss') diff --git a/_sass/tiny/_layout.scss b/_sass/tiny/_layout.scss deleted file mode 100644 index cc9a285..0000000 --- a/_sass/tiny/_layout.scss +++ /dev/null @@ -1,69 +0,0 @@ -// Fixed-width, centered column for site content. -.container { - width: 100%; - margin-right: auto; - margin-left: auto; - @include clearfix; -} - -// Grid system -// -// Create rows with `.columns` to clear the floated columns and outdent the -// padding on `.column`s with negative margin for alignment. - -.columns { - margin-right: $grid-gutter; - margin-left: $grid-gutter; - @include clearfix; -} - -// Base class for every column (requires a column width from below) -.column { - float: left; - padding-right: $grid-gutter; - padding-left: $grid-gutter; -} - -// Column widths -.one-third { - width: 100%; -} - -.one-half { - width: 100%; -} - -// Single column hack -.single-column { - padding-right: $grid-gutter; - padding-left: $grid-gutter; -} - -// Equal width columns via table sorcery. -// .table-column { -// display: table-cell; -// width: 1%; -// padding-right: $grid-gutter; -// padding-left: $grid-gutter; -// vertical-align: top; -// } - -// For large screens -@media (min-width: $container-width + 6*$grid-gutter) { - .container { - width: $container-width; - } - - .columns { - margin-right: -$grid-gutter; - margin-left: -$grid-gutter; - } - - .one-half { - width: 50%; - } - - .one-third { - width: 33.333333%; - } -} -- cgit v1.2.3