Commit 22fa3712 authored by Mark Otto's avatar Mark Otto

Merge branch 'normalize' of https://github.com/necolas/bootstrap into necolas-normalize

Conflicts:
	bootstrap.css
	bootstrap.min.css
	lib/type.less
parents 1209a375 782c9940
...@@ -6,95 +6,8 @@ ...@@ -6,95 +6,8 @@
* http://www.apache.org/licenses/LICENSE-2.0 * http://www.apache.org/licenses/LICENSE-2.0
* *
* Designed and built with all the love in the world @twitter by @mdo and @fat. * Designed and built with all the love in the world @twitter by @mdo and @fat.
* Date: Sun Jan 22 20:50:28 PST 2012 * Date: Mon Jan 23 11:25:06 PST 2012
*/ */
html, body {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
line-height: 1;
font-family: inherit;
}
table {
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
}
html {
overflow-y: scroll;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
}
article, article,
aside, aside,
details, details,
...@@ -115,6 +28,17 @@ audio, canvas, video { ...@@ -115,6 +28,17 @@ audio, canvas, video {
audio:not([controls]) { audio:not([controls]) {
display: none; display: none;
} }
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
}
sub, sup { sub, sup {
position: relative; position: relative;
font-size: 75%; font-size: 75%;
...@@ -228,8 +152,6 @@ body { ...@@ -228,8 +152,6 @@ body {
width: 100%; width: 100%;
} }
a { a {
font-weight: inherit;
line-height: inherit;
color: #0088cc; color: #0088cc;
text-decoration: none; text-decoration: none;
} }
...@@ -324,7 +246,7 @@ a:hover { ...@@ -324,7 +246,7 @@ a:hover {
margin-left: 900px; margin-left: 900px;
} }
p { p {
margin-bottom: 9px; margin: 0 0 9px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px; font-size: 13px;
line-height: 18px; line-height: 18px;
...@@ -339,6 +261,7 @@ h3, ...@@ -339,6 +261,7 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
margin: 0;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
text-rendering: optimizelegibility; text-rendering: optimizelegibility;
...@@ -349,6 +272,7 @@ h3 small, ...@@ -349,6 +272,7 @@ h3 small,
h4 small, h4 small,
h5 small, h5 small,
h6 small { h6 small {
font-weight: normal;
color: #999999; color: #999999;
} }
h1 { h1 {
...@@ -390,6 +314,7 @@ h6 { ...@@ -390,6 +314,7 @@ h6 {
text-transform: uppercase; text-transform: uppercase;
} }
ul, ol { ul, ol {
padding: 0;
margin: 0 0 9px 25px; margin: 0 0 9px 25px;
} }
ul ul, ul ul,
...@@ -430,13 +355,10 @@ hr { ...@@ -430,13 +355,10 @@ hr {
border-bottom: 1px solid #ffffff; border-bottom: 1px solid #ffffff;
} }
strong { strong {
font-style: inherit;
font-weight: bold; font-weight: bold;
} }
em { em {
font-style: italic; font-style: italic;
font-weight: inherit;
line-height: inherit;
} }
.muted { .muted {
color: #999999; color: #999999;
...@@ -448,8 +370,8 @@ abbr { ...@@ -448,8 +370,8 @@ abbr {
cursor: help; cursor: help;
} }
blockquote { blockquote {
padding-left: 15px; padding: 0 0 0 15px;
margin-bottom: 18px; margin: 0 0 18px;
border-left: 5px solid #eeeeee; border-left: 5px solid #eeeeee;
} }
blockquote p { blockquote p {
...@@ -476,10 +398,17 @@ blockquote.pull-right { ...@@ -476,10 +398,17 @@ blockquote.pull-right {
blockquote.pull-right p, blockquote.pull-right small { blockquote.pull-right p, blockquote.pull-right small {
text-align: right; text-align: right;
} }
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
}
address { address {
display: block; display: block;
margin-bottom: 18px; margin-bottom: 18px;
line-height: 18px; line-height: 18px;
font-style: normal;
} }
code, pre { code, pre {
padding: 0 3px 2px; padding: 0 3px 2px;
...@@ -517,21 +446,35 @@ pre code { ...@@ -517,21 +446,35 @@ pre code {
padding: 0; padding: 0;
background-color: transparent; background-color: transparent;
} }
small {
font-size: 100%;
}
cite {
font-style: normal;
}
form { form {
margin-bottom: 18px; margin: 0 0 18px;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
} }
legend { legend {
display: block; display: block;
width: 100%; width: 100%;
padding: 0;
margin-bottom: 27px; margin-bottom: 27px;
font-size: 19.5px; font-size: 19.5px;
line-height: 36px; line-height: 36px;
color: #333333; color: #333333;
border: 0;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
-webkit-margin-collapse: separate; -webkit-margin-collapse: separate;
} }
label, label,
input, input,
button,
select, select,
textarea { textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
...@@ -969,6 +912,11 @@ input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, selec ...@@ -969,6 +912,11 @@ input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, selec
.form-horizontal .form-actions { .form-horizontal .form-actions {
padding-left: 160px; padding-left: 160px;
} }
table {
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.table { .table {
width: 100%; width: 100%;
margin-bottom: 18px; margin-bottom: 18px;
...@@ -1897,7 +1845,7 @@ i { ...@@ -1897,7 +1845,7 @@ i {
.navbar-search .search-query :-moz-placeholder { .navbar-search .search-query :-moz-placeholder {
color: #eeeeee; color: #eeeeee;
} }
.navbar-search .search-query::-webkit-input-placeholder { .navbar-search .search-query ::-webkit-input-placeholder {
color: #eeeeee; color: #eeeeee;
} }
.navbar-search .search-query:hover { .navbar-search .search-query:hover {
......
This diff is collapsed.
...@@ -8,17 +8,25 @@ ...@@ -8,17 +8,25 @@
// Make all forms have space below them // Make all forms have space below them
form { form {
margin-bottom: @baseLineHeight; margin: 0 0 @baseLineHeight;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
} }
// Groups of fields with labels on top (legends) // Groups of fields with labels on top (legends)
legend { legend {
display: block; display: block;
width: 100%; width: 100%;
padding: 0;
margin-bottom: @baseLineHeight * 1.5; margin-bottom: @baseLineHeight * 1.5;
font-size: @baseFontSize * 1.5; font-size: @baseFontSize * 1.5;
line-height: @baseLineHeight * 2; line-height: @baseLineHeight * 2;
color: @grayDark; color: @grayDark;
border: 0;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
-webkit-margin-collapse: separate; -webkit-margin-collapse: separate;
} }
...@@ -26,6 +34,7 @@ legend { ...@@ -26,6 +34,7 @@ legend {
// Set font for forms // Set font for forms
label, label,
input, input,
button,
select, select,
textarea { textarea {
#font > .sans-serif(@baseFontSize,normal,@baseLineHeight); #font > .sans-serif(@baseFontSize,normal,@baseLineHeight);
......
// Reset.less // Reset.less
// Props to Eric Meyer (meyerweb.com) for his CSS reset file. // Adapted from Normalize.css http://github.com/necolas/normalize.css
// We're using an adapted version here that cuts out some of the reset HTML
// elements we will never need here (i.e., dfn, samp, etc).
// ------------------------------------------------------------------------ // ------------------------------------------------------------------------
// ERIC MEYER RESET
// --------------------------------------------------
html, body { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; }
table {
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
// Normalize.css
// Pulling in select resets form the normalize.css project
// --------------------------------------------------
// Display in IE6-9 and FF3 // Display in IE6-9 and FF3
// ------------------------- // -------------------------
// Source: http://github.com/necolas/normalize.css
html {
overflow-y: scroll;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
// Focus states
a:focus {
outline: thin dotted;
}
// Hover & Active
a:hover,
a:active {
outline: 0;
}
// Display in IE6-9 and FF3
// -------------------------
// Source: http://github.com/necolas/normalize.css
article, article,
aside, aside,
details, details,
...@@ -60,7 +20,7 @@ section { ...@@ -60,7 +20,7 @@ section {
// Display block in IE6-9 and FF3 // Display block in IE6-9 and FF3
// ------------------------- // -------------------------
// Source: http://github.com/necolas/normalize.css
audio, audio,
canvas, canvas,
video { video {
...@@ -71,14 +31,32 @@ video { ...@@ -71,14 +31,32 @@ video {
// Prevents modern browsers from displaying 'audio' without controls // Prevents modern browsers from displaying 'audio' without controls
// ------------------------- // -------------------------
// Source: http://github.com/necolas/normalize.css
audio:not([controls]) { audio:not([controls]) {
display: none; display: none;
} }
// Base settings
// -------------------------
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
// Focus states
a:focus {
outline: thin dotted;
}
// Hover & Active
a:hover,
a:active {
outline: 0;
}
// Prevents sub and sup affecting line-height in all browsers // Prevents sub and sup affecting line-height in all browsers
// ------------------------- // -------------------------
// Source: http://github.com/necolas/normalize.css
sub, sub,
sup { sup {
position: relative; position: relative;
...@@ -95,7 +73,7 @@ sub { ...@@ -95,7 +73,7 @@ sub {
// Img border in a's and image quality // Img border in a's and image quality
// ------------------------- // -------------------------
// Source: http://github.com/necolas/normalize.css
img { img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
...@@ -105,7 +83,6 @@ img { ...@@ -105,7 +83,6 @@ img {
// Forms // Forms
// ------------------------- // -------------------------
// Source: http://github.com/necolas/normalize.css
// Font size in all browsers, margin changes, misc consistency // Font size in all browsers, margin changes, misc consistency
button, button,
......
...@@ -60,8 +60,6 @@ body { ...@@ -60,8 +60,6 @@ body {
// Links // Links
a { a {
font-weight: inherit;
line-height: inherit;
color: @linkColor; color: @linkColor;
text-decoration: none; text-decoration: none;
&:hover { &:hover {
......
...@@ -4,6 +4,15 @@ ...@@ -4,6 +4,15 @@
// ---------------------------------------- // ----------------------------------------
// BASE TABLES
// -----------------
table {
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
// BASELINE STYLES // BASELINE STYLES
// --------------- // ---------------
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
// --------- // ---------
p { p {
margin-bottom: @baseLineHeight / 2; margin: 0 0 @baseLineHeight / 2;
font-family: @baseFontFamily; font-family: @baseFontFamily;
font-size: @baseFontSize; font-size: @baseFontSize;
line-height: @baseLineHeight; line-height: @baseLineHeight;
...@@ -17,15 +17,16 @@ p { ...@@ -17,15 +17,16 @@ p {
} }
} }
// HEADINGS // HEADINGS
// -------- // --------
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
margin: 0;
font-weight: bold; font-weight: bold;
color: @grayDark; color: @grayDark;
text-rendering: optimizelegibility; // Fix the character spacing for headings text-rendering: optimizelegibility; // Fix the character spacing for headings
small { small {
font-weight: normal;
color: @grayLight; color: @grayLight;
} }
} }
...@@ -74,6 +75,7 @@ h6 { ...@@ -74,6 +75,7 @@ h6 {
// Unordered and Ordered lists // Unordered and Ordered lists
ul, ol { ul, ol {
padding: 0;
margin: 0 0 @baseLineHeight / 2 25px; margin: 0 0 @baseLineHeight / 2 25px;
} }
ul ul, ul ul,
...@@ -124,13 +126,10 @@ hr { ...@@ -124,13 +126,10 @@ hr {
// Emphasis // Emphasis
strong { strong {
font-style: inherit;
font-weight: bold; font-weight: bold;
} }
em { em {
font-style: italic; font-style: italic;
font-weight: inherit;
line-height: inherit;
} }
.muted { .muted {
color: @grayLight; color: @grayLight;
...@@ -146,8 +145,8 @@ abbr { ...@@ -146,8 +145,8 @@ abbr {
// Blockquotes // Blockquotes
blockquote { blockquote {
padding-left: 15px; padding: 0 0 0 15px;
margin-bottom: @baseLineHeight; margin: 0 0 @baseLineHeight;
border-left: 5px solid @grayLighter; border-left: 5px solid @grayLighter;
p { p {
margin-bottom: 0; margin-bottom: 0;
...@@ -176,11 +175,19 @@ blockquote { ...@@ -176,11 +175,19 @@ blockquote {
} }
} }
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
}
// Addresses // Addresses
address { address {
display: block; display: block;
margin-bottom: @baseLineHeight; margin-bottom: @baseLineHeight;
line-height: @baseLineHeight; line-height: @baseLineHeight;
font-style: normal;
} }
// Inline and block code styles // Inline and block code styles
...@@ -220,4 +227,12 @@ pre { ...@@ -220,4 +227,12 @@ pre {
padding: 0; padding: 0;
background-color: transparent; background-color: transparent;
} }
} }
\ No newline at end of file
small {
font-size: 100%;
}
cite {
font-style: normal;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment