From ae784c9521101c391ecc98e906ddf18e6aeb459b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 8 Sep 2016 22:15:34 -0700 Subject: [PATCH 01/35] Rename margin and padding utilities from .{property}-{side} to .{property}{side} without the extra dash --- scss/utilities/_spacing.scss | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/scss/utilities/_spacing.scss b/scss/utilities/_spacing.scss index b7ff044b6d..c81a6aa887 100644 --- a/scss/utilities/_spacing.scss +++ b/scss/utilities/_spacing.scss @@ -4,7 +4,7 @@ // Margin and Padding -.m-x-auto { +.mx-auto { margin-right: auto !important; margin-left: auto !important; } @@ -14,18 +14,18 @@ $length-x: map-get($lengths, x); $length-y: map-get($lengths, y); - .#{$abbrev}-a-#{$size} { #{$prop}: $length-y $length-x !important; } // a = All sides - .#{$abbrev}-t-#{$size} { #{$prop}-top: $length-y !important; } - .#{$abbrev}-r-#{$size} { #{$prop}-right: $length-x !important; } - .#{$abbrev}-b-#{$size} { #{$prop}-bottom: $length-y !important; } - .#{$abbrev}-l-#{$size} { #{$prop}-left: $length-x !important; } + .#{$abbrev}-#{$size} { #{$prop}: $length-y $length-x !important; } // a = All sides + .#{$abbrev}t-#{$size} { #{$prop}-top: $length-y !important; } + .#{$abbrev}r-#{$size} { #{$prop}-right: $length-x !important; } + .#{$abbrev}b-#{$size} { #{$prop}-bottom: $length-y !important; } + .#{$abbrev}l-#{$size} { #{$prop}-left: $length-x !important; } // Axes - .#{$abbrev}-x-#{$size} { + .#{$abbrev}x-#{$size} { #{$prop}-right: $length-x !important; #{$prop}-left: $length-x !important; } - .#{$abbrev}-y-#{$size} { + .#{$abbrev}y-#{$size} { #{$prop}-top: $length-y !important; #{$prop}-bottom: $length-y !important; } From 0be876359ed4ed7c8a3d315a6ef9a04eede8d765 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 8 Sep 2016 22:16:28 -0700 Subject: [PATCH 02/35] Update docs to use new spacing util class names --- docs/components/alerts.md | 2 +- docs/components/collapse.md | 6 +++--- docs/components/forms.md | 2 +- docs/components/jumbotron.md | 2 +- docs/components/navbar.md | 4 ++-- docs/content/images.md | 6 +++--- docs/content/typography.md | 6 +++--- docs/layout/media-object.md | 10 +++++----- docs/migration.md | 2 +- docs/utilities/spacing.md | 16 ++++++++-------- 10 files changed, 28 insertions(+), 28 deletions(-) diff --git a/docs/components/alerts.md b/docs/components/alerts.md index 56e8b089c6..ad8c28bdd1 100644 --- a/docs/components/alerts.md +++ b/docs/components/alerts.md @@ -60,7 +60,7 @@ Alerts can also contain additional HTML elements like headings and paragraphs. {% endexample %} diff --git a/docs/components/collapse.md b/docs/components/collapse.md index ebbefeca4f..0e6fa729ee 100644 --- a/docs/components/collapse.md +++ b/docs/components/collapse.md @@ -45,7 +45,7 @@ Extend the default collapse behavior to create an accordion.
-
+