Skip to content

Instantly share code, notes, and snippets.

@asaelx
Last active January 12, 2016 04:06
Show Gist options
  • Save asaelx/48d44e048c0ff4d8e714 to your computer and use it in GitHub Desktop.
Save asaelx/48d44e048c0ff4d8e714 to your computer and use it in GitHub Desktop.
$columns: 12
$gutter: 0
$max-width: 100%
=breakpoint($size)
@media only screen and ($size)
@content
*, *:after, *:before
margin: 0
padding: 0
box-sizing: border-box
img
height: auto!important
max-width: 100%
width: auto
.wrapper
margin: 0 auto
width: 100%
.wrapper:after,
.row:after
content: " "
display: table
clear: both
[class*='col-']
float: left
min-height: 1px
padding: $gutter
width: 100%
+breakpoint("min-width: 20em")
.wrapper
width: 100%
max-width: $max-width
@for $i from 1 through $columns
.col-#{$i}
width: 100% / $columns * $i
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment