mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-30 08:39:56 +02:00
Code Issues Releases Wiki Activity

rem-ify the footer and masthead

Browse Source
This commit is contained in:
Mark Otto
2014-07-13 12:38:06 -07:00
parent 0d89b7f55e
commit 3d36227616
2 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
docs/assets/css/docs.min.css vendored
View File

@@ -276,7 +276,7 @@ body {
border-color: #29262f; border-color: #29262f;
} }
.bs-docs-footer { .bs-docs-footer {
margin-top: 100px; margin-top: 6rem;
color: #777; color: #777;
text-align: center; text-align: center;
border-top: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;
@@ -334,7 +334,7 @@ body {
} }
.bs-docs-masthead { .bs-docs-masthead {
position: relative; position: relative;
padding: 30px 15px; padding: 2rem 1rem;
color: #cdbfe3; color: #cdbfe3;
text-align: center; text-align: center;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
@@ -346,7 +346,7 @@ body {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff563d7c', endColorstr='#ff6f5499', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff563d7c', endColorstr='#ff6f5499', GradientType=0);
} }
.bs-docs-masthead .bs-docs-booticon { .bs-docs-masthead .bs-docs-booticon {
margin: 0 auto 30px; margin: 0 auto 2rem;
} }
.bs-docs-masthead h1 { .bs-docs-masthead h1 {
font-weight: 300; font-weight: 300;
@@ -354,19 +354,19 @@ body {
color: #fff; color: #fff;
} }
.bs-docs-masthead .lead { .bs-docs-masthead .lead {
margin: 0 auto 30px; margin: 0 auto 2rem;
font-size: 20px; font-size: 1.25rem;
color: #fff; color: #fff;
} }
.bs-docs-masthead .version { .bs-docs-masthead .version {
margin-top: -15px; margin-top: -1rem;
margin-bottom: 30px; margin-bottom: 2rem;
color: #9783b9; color: #9783b9;
} }
.bs-docs-masthead .btn { .bs-docs-masthead .btn {
width: 100%; width: 100%;
padding: 15px 30px; padding: 1rem 2rem;
font-size: 20px; font-size: 1.25rem;
} }
@media (min-width: 480px) { @media (min-width: 480px) {
.bs-docs-masthead .btn { .bs-docs-masthead .btn {
@@ -375,19 +375,19 @@ body {
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.bs-docs-masthead { .bs-docs-masthead {
padding: 80px 0; padding: 5rem 0;
} }
.bs-docs-masthead h1 { .bs-docs-masthead h1 {
font-size: 60px; font-size: 4rem;
} }
.bs-docs-masthead .lead { .bs-docs-masthead .lead {
font-size: 24px; font-size: 1.5rem;
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.bs-docs-masthead .lead { .bs-docs-masthead .lead {
width: 80%; width: 80%;
font-size: 30px; font-size: 2rem;
} }
} }
.bs-docs-header { .bs-docs-header {

26
docs/assets/less/docs.less
View File

@@ -133,7 +133,7 @@ body {
// //
.bs-docs-footer { .bs-docs-footer {
margin-top: 100px; margin-top: 6rem;
color: #777; color: #777;
text-align: center; text-align: center;
border-top: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;
@@ -208,7 +208,7 @@ body {
// Masthead (headings and download button) // Masthead (headings and download button)
.bs-docs-masthead { .bs-docs-masthead {
position: relative; position: relative;
padding: 30px 15px; padding: 2rem 1rem;
color: #cdbfe3; color: #cdbfe3;
text-align: center; text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,.1); text-shadow: 0 1px 0 rgba(0,0,0,.1);
@@ -217,7 +217,7 @@ body {
} }
.bs-docs-masthead .bs-docs-booticon { .bs-docs-masthead .bs-docs-booticon {
margin: 0 auto 30px; margin: 0 auto 2rem;
} }
.bs-docs-masthead h1 { .bs-docs-masthead h1 {
font-weight: 300; font-weight: 300;
@@ -225,19 +225,19 @@ body {
color: #fff; color: #fff;
} }
.bs-docs-masthead .lead { .bs-docs-masthead .lead {
margin: 0 auto 30px; margin: 0 auto 2rem;
font-size: 20px; font-size: 1.25rem;
color: #fff; color: #fff;
} }
.bs-docs-masthead .version { .bs-docs-masthead .version {
margin-top: -15px; margin-top: -1rem;
margin-bottom: 30px; margin-bottom: 2rem;
color: #9783b9; color: #9783b9;
} }
.bs-docs-masthead .btn { .bs-docs-masthead .btn {
width: 100%; width: 100%;
padding: 15px 30px; padding: 1rem 2rem;
font-size: 20px; font-size: 1.25rem;
} }
@media (min-width: 480px) { @media (min-width: 480px) {
@@ -248,20 +248,20 @@ body {
@media (min-width: 768px) { @media (min-width: 768px) {
.bs-docs-masthead { .bs-docs-masthead {
padding: 80px 0; padding: 5rem 0;
} }
.bs-docs-masthead h1 { .bs-docs-masthead h1 {
font-size: 60px; font-size: 4rem;
} }
.bs-docs-masthead .lead { .bs-docs-masthead .lead {
font-size: 24px; font-size: 1.5rem;
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.bs-docs-masthead .lead { .bs-docs-masthead .lead {
width: 80%; width: 80%;
font-size: 30px; font-size: 2rem;
} }
} }