Sha256: 06d92033f899b12112b622b503aefc9c0be828eb4e689e6c0476d773d77c8f01

Contents?: true

Size: 913 Bytes

Versions: 2

Compression:

Stored size: 913 Bytes

Contents

// 12 Column fluid and responsive grid

.container{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
}

.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{
	display: block;
	margin-bottom: 20px;
}

// Grid columns are stacked until the display size is greater than min-width

@include mobilefirst($small-break) {

    $unit: 6.2056333%; // Width of each grid column unit
    $margin: 2.1277%; // Margin between the grid columns

    .container{
        padding:0 40px;
    }

    .group {
        margin-left: -$margin;
    }

    .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{
        float: left;
        margin-left: $margin;
        margin-bottom: 0;
        @include box-sizing(border-box);
    }

    @for $i from 1 through 12 {
        .span#{$i} {
            width: ($unit * $i) + ($margin * ($i - 1));
        }
    }

}

Version data entries

2 entries across 2 versions & 1 rubygems

Version Path
motherplate-rails-0.0.2 vendor/assets/stylesheets/motherplate/_grid.scss
motherplate-rails-0.0.1 vendor/assets/stylesheets/motherplate/_grid.scss