diff options
| author | Mark Otto <[email protected]> | 2016-11-27 17:05:29 -0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2016-11-27 17:05:29 -0800 |
| commit | 869bd23937448fdcbae37c1062d373ef3ae7722a (patch) | |
| tree | bcbda291440c2c41dc73851aa596c0300919929f | |
| parent | 585516db95c6528c396ef33c59f99c4f8bb8b42e (diff) | |
| download | bootstrap-869bd23937448fdcbae37c1062d373ef3ae7722a.tar.xz bootstrap-869bd23937448fdcbae37c1062d373ef3ae7722a.zip | |
Update clearfix mixin (#21224)
* Update clearfix to use block instead of table display (also reorder properties for linting)
* update docs snippet for clearfix mixin—was apparently still using Less syntax and had old clearfix hack (even before the block change in this PR)
| -rw-r--r-- | docs/utilities/clearfix.md | 11 | ||||
| -rw-r--r-- | scss/mixins/_clearfix.scss | 2 |
2 files changed, 5 insertions, 8 deletions
diff --git a/docs/utilities/clearfix.md b/docs/utilities/clearfix.md index a023a79aa..49410df09 100644 --- a/docs/utilities/clearfix.md +++ b/docs/utilities/clearfix.md @@ -12,13 +12,10 @@ Easily clear `float`s by adding `.clearfix` **to the parent element**. Utilizes {% highlight scss %} // Mixin itself -.clearfix() { - &:before, - &:after { - content: " "; - display: table; - } - &:after { +@mixin clearfix() { + &::after { + display: block; + content: ""; clear: both; } } diff --git a/scss/mixins/_clearfix.scss b/scss/mixins/_clearfix.scss index d0ae125f3..b72cf2712 100644 --- a/scss/mixins/_clearfix.scss +++ b/scss/mixins/_clearfix.scss @@ -1,7 +1,7 @@ @mixin clearfix() { &::after { + display: block; content: ""; - display: table; clear: both; } } |