diff options
| author | Giuliano Velli <[email protected]> | 2012-04-24 17:23:14 +0200 |
|---|---|---|
| committer | Giuliano Velli <[email protected]> | 2012-09-07 09:59:52 +0200 |
| commit | 7762a77c21905a71bc9b260052cadc80740d0d37 (patch) | |
| tree | ffc25be4d2cebcdee63fa1ab313ed551a50a366f | |
| parent | 4fbb400754986b969b40fc12eacfd332ace1a174 (diff) | |
| parent | f5fd5e752329d92d3fde2e3f37f3406db62c400b (diff) | |
| download | bootstrap-7762a77c21905a71bc9b260052cadc80740d0d37.tar.xz bootstrap-7762a77c21905a71bc9b260052cadc80740d0d37.zip | |
Modified the file to conform to bootstrap standards and fix an IE7 css selector issue
Signed-off-by: Giuliano Velli <[email protected]>
| -rw-r--r-- | less/media.less | 77 |
1 files changed, 39 insertions, 38 deletions
diff --git a/less/media.less b/less/media.less index 87ea1bc1e..dbcc212a0 100644 --- a/less/media.less +++ b/less/media.less @@ -1,68 +1,69 @@ // COMMON STYLES // ------------- -.media, .media-body { - overflow:hidden; - *overflow:visible; - zoom:1; +.media, +.media-body { + overflow: hidden; + *overflow: visible; + zoom: 1; } .media { - margin-bottom: 10px; + margin-bottom: 10px; } .media .media { - margin-top: 20px; + margin-top: 20px; } .media .pull-left { - margin-right: 10px; + margin-right: 10px; } .media .pull-right { - margin-left: 10px; + margin-left: 10px; } .media .media-object { - display: block; + display: block; } // Media list .medias { - margin-top: 20px; - margin-left: 0; - list-style-type: none; + margin-top: 20px; + margin-left: 0; + list-style-type: none; } .medias .media { - padding-bottom: 10px; - border-bottom: 1px solid rgba(0, 0, 0, .07); + padding-bottom: 10px; + border-bottom: 1px solid rgba(0,0,0,.07); } -.medias > .media:last-child { - margin: 0; - border-bottom: none; +.medias > .media.last { + margin: 0; + border-bottom: none; } .medias > .media .media { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; } // Media box .media-box { - margin-bottom: 19px; - padding: 10px; - background-color: #fff; - border: 1px solid rgba(0,0,0,.09); - .border-radius(4px); - .box-shadow(1px 1px 2px rgba(0, 0, 0, 0.1)); + margin-bottom: 19px; + padding: 10px; + background-color: #fff; + border: 1px solid rgba(0,0,0,.09); + .border-radius(4px); + .box-shadow(1px 1px 2px rgba(0,0,0,.1)); } @media (max-width: 480px) { - .media .pull-left, - .media .pull-right { - float: none; - display: block; - margin-bottom: 10px; - } - .media .pull-left { - margin-right: 0; - } - .media .pull-right { - margin-left: 0; - } +.media .pull-left, +.media .pull-right { + float: none; + display: block; + margin-bottom: 10px; +} +.media .pull-left { + margin-right: 0; // we stack the components so the indent is not needed anymore +} +.media .pull-right { + margin-left: 0; // we stack the components so the indent is not needed anymore +} }
\ No newline at end of file |