diff options
author | Mark Otto <otto@github.com> | 2014-01-12 07:42:10 +0400 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2014-01-12 07:42:10 +0400 |
commit | 613a95d8388ffa625e2a4a4451b2425beca6c5df (patch) | |
tree | 2b89fec798b574882c55e93e9ea66a7404bc6fc7 /docs/assets/css/docs.css | |
parent | 79c18da4525b00c0fd8692d31c774b1f1c92f324 (diff) |
brand guidelines cleanup
Diffstat (limited to 'docs/assets/css/docs.css')
-rw-r--r-- | docs/assets/css/docs.css | 39 |
1 files changed, 22 insertions, 17 deletions
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 4a03fd6f1d..323510e8b2 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -1,4 +1,4 @@ -/*csslint ids: false, overqualified-elements: false*/ +/*csslint ids: false, overqualified-elements: false, fallback-colors: false*/ /*! * Copyright 2011-2014 Twitter, Inc. * @@ -33,7 +33,6 @@ * Miscellaneous */ -/*csslint ids: false, fallback-colors: false*/ /* * Scaffolding @@ -43,7 +42,6 @@ body { position: relative; /* For scrollyspy */ - /*padding-top: 50px; Account for fixed navbar */ } /* Keep code small in tables on account of limited space */ @@ -700,12 +698,19 @@ h1[id] { } .color-swatch { float: left; - width: 100px; - height: 100px; + width: 60px; + height: 60px; margin: 0 5px; border-radius: 3px; } +@media (min-width: 768px) { + .color-swatch { + width: 100px; + height: 100px; + } +} + /* Framework colors */ .color-swatches .gray-darker { background-color: #222; } .color-swatches .gray-dark { background-color: #333; } @@ -1320,13 +1325,11 @@ h1[id] { /* Individual items */ .bs-brand-item { - display: table-cell; - width: 1%; padding: 60px 0; text-align: center; } .bs-brand-item + .bs-brand-item { - border-left: 1px solid #fff; + border-top: 1px solid #fff; } .bs-brand-logos .inverse { color: #fff; @@ -1339,9 +1342,6 @@ h1[id] { margin-top: 0; margin-bottom: 0; } -.bs-brand-item h1 { - font-size: 60px; -} .bs-brand-item .bs-booticon { margin-left: auto; margin-right: auto; @@ -1359,14 +1359,19 @@ h1[id] { .bs-brand-item .glyphicon-ok { background-color: #5cb85c; } .bs-brand-item .glyphicon-remove { background-color: #d9534f; } - @media (min-width: 768px) { -/* .bs-brand-logos .default, - .bs-brand-logos .inverse { - float: left; - width: 50%; + .bs-brand-item { + display: table-cell; + width: 1%; + } + .bs-brand-item + .bs-brand-item { + border-top: 0; + border-left: 1px solid #fff; } -*/} + .bs-brand-item h1 { + font-size: 60px; + } +} /* |