/* Settings */
$break-small-width: 800px
$num_cols: 12
$col_padding: 2%
$main-color: /* Insert color here */

=desktop()
    @media screen and (min-width: $break_small_width+1)
        @content
=mobile()
    @media screen and (max-width: $break_small_width)
        @content

=keyframes($name)
    @-webkit-keyframes #{$name}
        @content
    @-moz-keyframes #{$name}
        @content
    @-o-keyframes #{$name}
        @content
    @keyframes #{$name}
        @content

@for $i from 1 through $num_cols
    .col-#{$i}
        width: $i*100%/12 - $col_padding
        +desktop

.column
    position: relative
    display: inline-block

    +mobile
        width: 100% !important

::selection
    background: $main-color

::-moz-selection
    background: $main-color