From d82941265c0407904dd19bc6903e99dbbca76540 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Tue, 25 Jun 2013 17:07:51 -0600 Subject: Fix 2 typos --- less/scaffolding.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'less/scaffolding.less') diff --git a/less/scaffolding.less b/less/scaffolding.less index 9f5739710..e74a4db1c 100644 --- a/less/scaffolding.less +++ b/less/scaffolding.less @@ -27,7 +27,7 @@ body { background-color: @body-bg; } -// Reset fonts for revelant elements +// Reset fonts for relevant elements input, button, select, @@ -60,7 +60,7 @@ a:focus { img { // Responsive images (ensure images don't scale beyond their parents) - max-width: 100%; // Part 1: Set a maxium relative to the parent + max-width: 100%; // Part 1: Set a maximum relative to the parent height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching // Match vertical alignment with other comment elements -- cgit v1.2.3 From 09cdee2f03aaad5c5a767fbec2e3896ad3d1f980 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 28 Jun 2013 00:09:10 -0700 Subject: Overall responsive `img` styles `img`s are no longer responsive by default. Instead, use `.img-responsive` as a class or mixin. Existing `.thumbnail > img` and `.img-thumbnail` classes now make use of this as a mixin as well. --- less/scaffolding.less | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) (limited to 'less/scaffolding.less') diff --git a/less/scaffolding.less b/less/scaffolding.less index e74a4db1c..79447c3f5 100644 --- a/less/scaffolding.less +++ b/less/scaffolding.less @@ -59,12 +59,14 @@ a:focus { // ------------------------- img { - // Responsive images (ensure images don't scale beyond their parents) + vertical-align: middle; +} + +// Responsive images (ensure images don't scale beyond their parents) +.img-responsive { + display: block; max-width: 100%; // Part 1: Set a maximum relative to the parent height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching - - // Match vertical alignment with other comment elements - vertical-align: middle; } // Rounded corners -- cgit v1.2.3 From 08b3515fd7dfa76cdbb92d52a15d6797f3a1c4ed Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 1 Jul 2013 19:42:26 -0700 Subject: fixes #8345: use inline-block on .img-responsive --- less/scaffolding.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'less/scaffolding.less') diff --git a/less/scaffolding.less b/less/scaffolding.less index 79447c3f5..88b6c7c6e 100644 --- a/less/scaffolding.less +++ b/less/scaffolding.less @@ -64,7 +64,7 @@ img { // Responsive images (ensure images don't scale beyond their parents) .img-responsive { - display: block; + display: inline-block; max-width: 100%; // Part 1: Set a maximum relative to the parent height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching } -- cgit v1.2.3 From 61823dbff1377443203f6ef6a98b8202b57abb29 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 5 Jul 2013 14:21:05 -0500 Subject: Move `hr` to scaffolding.less (out of type.less) and simplify styles --- less/scaffolding.less | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'less/scaffolding.less') diff --git a/less/scaffolding.less b/less/scaffolding.less index 88b6c7c6e..8fc3a2360 100644 --- a/less/scaffolding.less +++ b/less/scaffolding.less @@ -81,3 +81,15 @@ img { .img-circle { border-radius: 500px; // crank the border-radius so it works with most reasonably sized images } + + +// Horizontal rules +// ------------------------- + +hr { + margin-top: @line-height-computed; + margin-bottom: @line-height-computed; + border: 0; + border-top: 1px solid @hr-border; +} + -- cgit v1.2.3