From dcf1b60f2bb9f0aab63f09c1af533cfcedfbc8d2 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Sat, 6 Jul 2013 22:02:58 -0700 Subject: refactor {badges,jumbotron,media,popover,print}.less (mostly nesting) --- less/badges.less | 8 +++----- less/jumbotron.less | 5 +---- less/media.less | 12 +++++++----- less/popovers.less | 18 ++++++++++-------- less/print.less | 18 +++++++++++------- 5 files changed, 32 insertions(+), 29 deletions(-) (limited to 'less') diff --git a/less/badges.less b/less/badges.less index 665aed9218..e1a2e9c5a6 100644 --- a/less/badges.less +++ b/less/badges.less @@ -35,11 +35,9 @@ a.badge { } // Quick fix for labels/badges in buttons -.btn { - .badge { - position: relative; - top: -1px; - } +.btn .badge { + position: relative; + top: -1px; } // Account for counters in navs diff --git a/less/jumbotron.less b/less/jumbotron.less index 39bec9be68..ca51b481ae 100644 --- a/less/jumbotron.less +++ b/less/jumbotron.less @@ -18,13 +18,10 @@ p { line-height: 1.4; } -} -@media screen and (min-width: @screen-tablet) { - .jumbotron { + @media screen and (min-width: @screen-tablet) { padding: 50px 60px; border-radius: @border-radius-large; // Only round corners at higher resolutions - h1 { font-size: (@font-size-base * 4.5); } diff --git a/less/media.less b/less/media.less index bcba8081c1..5ad22cd6d5 100644 --- a/less/media.less +++ b/less/media.less @@ -36,11 +36,13 @@ // Media image alignment // ------------------------- -.media > .pull-left { - margin-right: 10px; -} -.media > .pull-right { - margin-left: 10px; +.media { + > .pull-left { + margin-right: 10px; + } + > .pull-right { + margin-left: 10px; + } } diff --git a/less/popovers.less b/less/popovers.less index 2c79da9a03..33488e885e 100644 --- a/less/popovers.less +++ b/less/popovers.less @@ -50,14 +50,16 @@ // // .arrow is outer, .arrow:after is inner -.popover .arrow, -.popover .arrow:after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; +.popover .arrow { + &, + &:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + } } .popover .arrow { border-width: @popover-arrow-outer-width; diff --git a/less/print.less b/less/print.less index 64c1ff9fa9..7fe459a2ed 100644 --- a/less/print.less +++ b/less/print.less @@ -71,13 +71,17 @@ .navbar { display: none; } - .table td, - .table th { - background-color: #fff !important; - } - .btn > .caret, - .dropup > .btn > .caret { - border-top-color: #000 !important; + .table { + td, + th { + background-color: #fff !important; + } + } + .btn, + .dropup > .btn { + > .caret { + border-top-color: #000 !important; + } } .label { border: 1px solid #000; -- cgit v1.2.3