rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

Grid mixins docs should match source code (#20705)

Browse Source
This commit is contained in:
Nick 2016-09-13 07:31:05 +02:00 committed by Mark Otto
parent 089bc85a49
commit 3f01134031
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
docs/layout/grid.md
View File

@ -180,7 +180,7 @@ Mixins are used in conjunction with the grid variables to generate semantic CSS
} }
// Make the element grid-ready (applying everything but the width) // Make the element grid-ready (applying everything but the width)
@mixin make-col-ready($size, $columns: $grid-columns, $gutter: $grid-gutter-width) { @mixin make-col-ready($gutter: $grid-gutter-width) {
position: relative; position: relative;
min-height: 1px; // Prevent collapsing min-height: 1px; // Prevent collapsing
padding-right: ($gutter / 2); padding-right: ($gutter / 2);
@ -194,7 +194,7 @@ Mixins are used in conjunction with the grid variables to generate semantic CSS
} }
} }
@mixin make-col($size, $columns: $grid-columns, $gutter: $grid-gutter-width) { @mixin make-col($size, $columns: $grid-columns) {
@if $enable-flex { @if $enable-flex {
flex: 0 0 percentage($size / $columns); flex: 0 0 percentage($size / $columns);
// Add a `max-width` to ensure content within each column does not blow out // Add a `max-width` to ensure content within each column does not blow out
@ -208,14 +208,16 @@ Mixins are used in conjunction with the grid variables to generate semantic CSS
} }
// Get fancy by offsetting, or changing the sort order // Get fancy by offsetting, or changing the sort order
@mixin make-col-offset($columns) { @mixin make-col-offset($size, $columns: $grid-columns) {
margin-left: percentage(($columns / $grid-columns)); margin-left: percentage($size / $columns);
} }
@mixin make-col-push($columns) {
left: percentage(($columns / $grid-columns)); @mixin make-col-push($size, $columns: $grid-columns) {
left: if($size > 0, percentage($size / $columns), auto);
} }
@mixin make-col-pull($columns) {
right: percentage(($columns / $grid-columns)); @mixin make-col-pull($size, $columns: $grid-columns) {
right: if($size > 0, percentage($size / $columns), auto);
} }
{% endhighlight %} {% endhighlight %}