0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-03-10 10:29:23 +01:00

more rems

This commit is contained in:
Mark Otto 2014-07-13 13:50:35 -07:00
parent 66f7062e81
commit b831dc06af
2 changed files with 1294 additions and 23 deletions

File diff suppressed because one or more lines are too long

View File

@ -1171,38 +1171,38 @@ body {
.bs-customizer .toggle { .bs-customizer .toggle {
float: right; float: right;
margin-top: 25px; margin-top: 1.5rem;
} }
// Headings and form controls // Headings and form controls
.bs-customizer label { .bs-customizer label {
margin-top: 10px; margin-top: .5rem;
font-weight: 500; font-weight: 500;
color: #555; color: #555;
} }
.bs-customizer h2 { .bs-customizer h2 {
padding-top: 30px; padding-top: 2rem;
margin-top: 0; margin-top: 0;
margin-bottom: 5px; margin-bottom: .25rem;
} }
.bs-customizer h3 { .bs-customizer h3 {
margin-bottom: 0; margin-bottom: 0;
} }
.bs-customizer h4 { .bs-customizer h4 {
margin-top: 15px; margin-top: 1rem;
margin-bottom: 0; margin-bottom: 0;
} }
.bs-customizer .bs-callout h4 { .bs-customizer .bs-callout h4 {
margin-top: 0; // lame, but due to specificity we have to duplicate margin-top: 0; // lame, but due to specificity we have to duplicate
margin-bottom: 5px; margin-bottom: .25rem;
} }
.bs-customizer input[type="text"] { .bs-customizer input[type="text"] {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
background-color: #fafafa; background-color: #fafafa;
} }
.bs-customizer .help-block { .bs-customizer .help-block {
margin-bottom: 5px; margin-bottom: .25rem;
font-size: 12px; font-size: 75%;
} }
// For the variables, use regular weight // For the variables, use regular weight
@ -1213,8 +1213,8 @@ body {
.bs-customizer-input { .bs-customizer-input {
float: left; float: left;
width: 33.333333%; width: 33.333333%;
padding-right: 15px; padding-right: 1rem;
padding-left: 15px; padding-left: 1rem;
} }
// Downloads // Downloads
@ -1229,7 +1229,7 @@ body {
right: 0; right: 0;
left: 0; left: 0;
z-index: 1030; z-index: 1030;
padding: 15px 0; padding: 1rem 0;
color: #fff; color: #fff;
background-color: #d9534f; background-color: #d9534f;
border-bottom: 1px solid #b94441; border-bottom: 1px solid #b94441;
@ -1237,17 +1237,17 @@ body {
box-shadow: inset 0 1px 0 rgba(255,255,255,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
} }
.bs-customizer-alert .close { .bs-customizer-alert .close {
margin-top: -4px; margin-top: -.25rem;
font-size: 24px; font-size: 1.5rem;
} }
.bs-customizer-alert p { .bs-customizer-alert p {
margin-bottom: 0; margin-bottom: 0;
} }
.bs-customizer-alert .glyphicon { .bs-customizer-alert .glyphicon {
margin-right: 5px; margin-right: .25rem;
} }
.bs-customizer-alert pre { .bs-customizer-alert pre {
margin: 10px 0 0; margin: .5rem 0 0;
color: #fff; color: #fff;
background-color: #a83c3a; background-color: #a83c3a;
border-color: #973634; border-color: #973634;
@ -1264,16 +1264,16 @@ body {
.bs-brand-logos { .bs-brand-logos {
display: table; display: table;
width: 100%; width: 100%;
margin-bottom: 15px; margin-bottom: 1rem;
overflow: hidden; overflow: hidden;
color: #563d7c; color: #563d7c;
background-color: #f9f9f9; background-color: #f9f9f9;
border-radius: 4px; border-radius: .25rem;
} }
// Individual items // Individual items
.bs-brand-item { .bs-brand-item {
padding: 60px 0; padding: 4rem 0;
text-align: center; text-align: center;
} }
.bs-brand-item + .bs-brand-item { .bs-brand-item + .bs-brand-item {
@ -1284,8 +1284,8 @@ body {
background-color: #563d7c; background-color: #563d7c;
} }
.bs-brand-item .svg { .bs-brand-item .svg {
width: 144px; width: 9rem;
height: 144px; height: 9rem;
} }
// Heading content within // Heading content within
@ -1325,7 +1325,7 @@ body {
border-left: 1px solid #fff; border-left: 1px solid #fff;
} }
.bs-brand-item h1 { .bs-brand-item h1 {
font-size: 60px; font-size: 4rem;
} }
} }
@ -1373,5 +1373,5 @@ body {
border-color: @input-border-focus; border-color: @input-border-focus;
outline: 0; outline: 0;
outline: thin dotted \9; // IE9 outline: thin dotted \9; // IE9
box-shadow: 0 0 8px @input-box-shadow-focus; box-shadow: 0 0 .5rem @input-box-shadow-focus;
} }