Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // Overwrite the Twitter Bootsrap Grid with your custom sizes
- // FIXED GRID
- $grid_columns: 12 !default
- $grid_column_width: 60px !default
- $grid_gutter_width: 20px !default
- @function grid-width($n: $grid_columns, $column_width: $grid_column_width, $gutter_width: $grid_gutter_width)
- @return ($n * $column_width) + ($n - 1) * $gutter_width
- @function grid-offset($n, $column_width: $grid_column_width, $gutter_width: $grid_gutter_width)
- @return ($n * $column_width) + ($n + 1) * $gutter_width
- @mixin reset-grid-fixed
- .row
- margin-left: $grid_gutter_width * -1
- [class*="span"]
- margin-left: $grid_gutter_width
- .container
- &,
- .navbar-fixed-top &,
- .navbar-fixed-bottom &
- width: grid-width()
- @for $i from 1 through $grid_columns
- .span#{$i}
- width: grid-width($i)
- @for $i from 1 through $grid_columns
- .offset#{$i}
- margin-left: grid-offset($i)
- // FLUID GRID
- // $grid_fluid_column_width: 6.382978723% !default
- // $grid_fluid_gutter_width: 2.127659574% !default
- $grid_fluid_column_width: percentage(($grid_column_width / grid-width())) !default
- $grid_fluid_gutter_width: percentage(($grid_gutter_width / grid-width())) !default
- @function grid-star-offset()
- @return (.5 / (grid-width()/1px) * 100 * 1%)
- @mixin reset-grid-fluid
- .row-fluid
- & > [class*="span"]
- margin-left: $grid_fluid_gutter_width
- *margin-left: $grid_fluid_gutter_width - grid-star-offset()
- &:first-child
- margin-left: 0
- @for $i from 1 through $grid_columns
- & > .span#{$i}
- width: grid-width($i, $grid_fluid_column_width, $grid_fluid_gutter_width)
- *width: grid-width($i, $grid_fluid_column_width, $grid_fluid_gutter_width) - grid-star-offset()
- // Reset Grid
- @mixin reset-grid
- +reset-grid-fixed
- +reset-grid-fluid
- .container-fluid
- padding-left: $grid_gutter_width
- padding-right: $grid_gutter_width
- .navbar
- .brand
- padding-left: $grid_gutter_width
- padding-right: $grid_gutter_width
- margin-left: $grid_gutter_width * -1
- +reset-grid
Add Comment
Please, Sign In to add comment