Skip to content

B
bootstrap
Commit 74521e83 authored by Jacob Thornton's avatar Jacob Thornton
Browse files
Options

Merge branch '2.0-wip' of https://github.com/twitter/bootstrap into 2.0-wip 

Conflicts:
	bootstrap.css
	docs/base-css.html
	docs/components.html
	docs/index.html
	docs/javascript.html
	docs/less.html
	docs/scaffolding.html
parents f764aee4 a0740870
Expand all Show whitespace changes
Inline Side-by-side
Showing with 381 additions and 243 deletions
bootstrap.css
View file @ 74521e83
......@@ -6,95 +6,12 @@
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
<<<<<<< HEAD
* Date: Mon Jan 23 14:12:25 PST 2012
=======
* Date: Mon Jan 23 13:48:03 PST 2012
>>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
*/
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,
aside,
details,
......@@ -115,6 +32,17 @@ audio, canvas, video {
audio:not([controls]) {
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 {
position: relative;
font-size: 75%;
......@@ -228,8 +156,6 @@ body {
width: 100%;
}
a {
font-weight: inherit;
line-height: inherit;
color: #0088cc;
text-decoration: none;
}
......@@ -238,6 +164,7 @@ a:hover {
text-decoration: underline;
}
.row {
margin-left: -20px;
*zoom: 1;
}
.row:before, .row:after {
......@@ -247,9 +174,6 @@ a:hover {
.row:after {
clear: both;
}
[class*="span"]:first-child {
margin-left: 0;
}
[class*="span"] {
float: left;
margin-left: 20px;
......@@ -324,7 +248,7 @@ a:hover {
margin-left: 900px;
}
p {
margin-bottom: 9px;
margin: 0 0 9px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
......@@ -339,6 +263,7 @@ h3,
h4,
h5,
h6 {
margin: 0;
font-weight: bold;
color: #333333;
text-rendering: optimizelegibility;
......@@ -349,6 +274,7 @@ h3 small,
h4 small,
h5 small,
h6 small {
font-weight: normal;
color: #999999;
}
h1 {
......@@ -390,6 +316,7 @@ h6 {
text-transform: uppercase;
}
ul, ol {
padding: 0;
margin: 0 0 9px 25px;
}
ul ul,
......@@ -430,13 +357,10 @@ hr {
border-bottom: 1px solid #ffffff;
}
strong {
font-style: inherit;
font-weight: bold;
}
em {
font-style: italic;
font-weight: inherit;
line-height: inherit;
}
.muted {
color: #999999;
......@@ -448,8 +372,8 @@ abbr {
cursor: help;
}
blockquote {
padding-left: 15px;
margin-bottom: 18px;
padding: 0 0 0 15px;
margin: 0 0 18px;
border-left: 5px solid #eeeeee;
}
blockquote p {
......@@ -476,10 +400,17 @@ blockquote.pull-right {
blockquote.pull-right p, blockquote.pull-right small {
text-align: right;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
}
address {
display: block;
margin-bottom: 18px;
line-height: 18px;
font-style: normal;
}
code, pre {
padding: 0 3px 2px;
......@@ -517,21 +448,35 @@ pre code {
padding: 0;
background-color: transparent;
}
small {
font-size: 100%;
}
cite {
font-style: normal;
}
form {
margin-bottom: 18px;
margin: 0 0 18px;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 27px;
font-size: 19.5px;
line-height: 36px;
color: #333333;
border: 0;
border-bottom: 1px solid #eee;
-webkit-margin-collapse: separate;
}
label,
input,
button,
select,
textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
......@@ -955,6 +900,9 @@ input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, selec
display: inline-block;
}
.control-group {
margin-bottom: 9px;
}
.form-horizontal .control-group {
margin-bottom: 18px;
}
.form-horizontal .control-group > label {
......@@ -969,6 +917,11 @@ input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, selec
.form-horizontal .form-actions {
padding-left: 160px;
}
table {
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.table {
width: 100%;
margin-bottom: 18px;
......@@ -1897,7 +1850,7 @@ i {
.navbar-search .search-query :-moz-placeholder {
color: #eeeeee;
}
.navbar-search .search-query::-webkit-input-placeholder {
.navbar-search .search-query ::-webkit-input-placeholder {
color: #eeeeee;
}
.navbar-search .search-query:hover {
......@@ -2725,7 +2678,7 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
}
.thumbnails > li {
float: left;
margin: 0 0 20px 20px;
margin: 0 0 18px 20px;
}
.thumbnail {
display: block;
......@@ -3119,6 +3072,7 @@ a.thumbnail:hover {
left: 20px;
right: 20px;
width: auto;
margin: 0;
}
.modal.fade.in {
top: auto;
......
bootstrap.min.css
View file @ 74521e83
This diff is collapsed.
docs/assets/css/docs.css
View file @ 74521e83
......@@ -115,8 +115,8 @@ section {
------------------------- */
/* supporting docs pages */
.subhead {
padding-bottom: 14px;
border-bottom: 3px solid #e5e5e5;
padding-bottom: 0;
border-bottom: 0;
}
.subhead h1,
.subhead p {
......@@ -126,6 +126,36 @@ section {
font-size: 45px;
}
/* Subnav */
.subhead .nav {
padding: 0 10px;
background-color: #eeeeee; /* Old browsers */
background-repeat: repeat-x; /* Repeat the gradient */
background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */
border: 1px solid #eee;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.subhead .nav a {
margin: 0;
padding-top: 11px;
padding-bottom: 11px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.subhead .nav .active a {
background-color: #fff;
color: #333;
}
/* Quick links
-------------------------------------------------- */
......@@ -418,6 +448,7 @@ h2 + .row {
margin: -18px 0 27px;
font-size: 18px;
font-weight: 300;
line-height: 24px;
color: #999;
text-align: center;
}
......@@ -533,6 +564,18 @@ form.well {
margin: 0 auto 10px;
}
/* Subnav */
.subhead .nav {
padding: 0;
background: none;
}
.subhead .nav > li {
float: none;
}
.subhead .nav li + li a {
border-top: 1px solid #eee;
}
/* Don't space out quick links so much */
.quick-links {
margin: 40px 0 0;
......
docs/base-css.html
View file @ 74521e83
......@@ -34,6 +34,7 @@
<div class="container">
<a class="brand" href="./index.html">Bootstrap</a>
<ul class="nav">
<<<<<<< HEAD
<li class=""><a href="./index.html">Overview</a></li>
<li class="dropdown ">
<a href="./scaffolding.html" class="dropdown-toggle" data-toggle="dropdown">
......@@ -45,20 +46,16 @@
<li><a href="./scaffolding.html#layouts">Layouts</a></li>
<li><a href="./scaffolding.html#responsive">Responsive design</a></li>
</ul>
=======
<li><a href="./index.html">Overview</a></li>
<li>
<a href="./scaffolding.html">Scaffolding</a>
>>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
</li>
<li class="dropdown active">
<a href="./base-css.html" class="dropdown-toggle" data-toggle="dropdown">
Base CSS
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="./base-css.html#typography">Typography</a></li>
<li><a href="./base-css.html#tables">Tables</a></li>
<li><a href="./base-css.html#forms">Forms</a></li>
<li><a href="./base-css.html#buttons">Buttons</a></li>
<li><a href="./base-css.html#icons">Icons by Glyphicons</a></li>
</ul>
<li class="active">
<a href="./base-css.html">Base CSS</a>
</li>
<<<<<<< HEAD
<li class="dropdown ">
<a href="./components.html" class="dropdown-toggle" data-toggle="dropdown">
Components
......@@ -100,6 +97,16 @@
<a href="./less.html">
Using LESS
</a>
=======
<li>
<a href="./components.html">Components</a>
</li>
<li>
<a href="./javascript.html">Javascript plugins</a>
</li>
<li>
<a href="./less.html">Using LESS</a>
>>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
</li>
</ul>
</div>
......@@ -108,12 +115,28 @@
<div class="container">
<<<<<<< HEAD
<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
<h1>Base CSS</h1>
<p class="lead">On top of the scaffolding, basic HTML elements are styled and enhanced with extensible classes to provide a fresh, consistent look and feel.</p>
</header>
=======
<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
<h1>Base CSS</h1>
<p class="lead">On top of the scaffolding, basic HTML elements are styled and enhanced with extensible classes to provide a fresh, consistent look and feel.</p>
<ul class="nav pills">
<li><a href="./base-css.html#typography">Typography</a></li>
<li><a href="./base-css.html#tables">Tables</a></li>
<li><a href="./base-css.html#forms">Forms</a></li>
<li><a href="./base-css.html#buttons">Buttons</a></li>
<li><a href="./base-css.html#icons">Icons by Glyphicons</a></li>
</ul>
</header>
>>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
<!-- Typography
......
docs/components.html
View file @ 74521e83
......@@ -34,6 +34,7 @@
<div class="container">
<a class="brand" href="./index.html">Bootstrap</a>
<ul class="nav">
<<<<<<< HEAD
<li class=""><a href="./index.html">Overview</a></li>
<li class="dropdown ">
<a href="./scaffolding.html" class="dropdown-toggle" data-toggle="dropdown">
......@@ -58,24 +59,19 @@
<li><a href="./base-css.html#buttons">Buttons</a></li>
<li><a href="./base-css.html#icons">Icons by Glyphicons</a></li>
</ul>
=======
<li><a href="./index.html">Overview</a></li>
<li>
<a href="./scaffolding.html">Scaffolding</a>
</li>
<li class="dropdown active">
<a href="./components.html" class="dropdown-toggle" data-toggle="dropdown">
Components
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="./components.html#buttonGroups">Button groups</a></li>
<li><a href="./components.html#buttonDropdowns">Split button dropdowns</a></li>
<li><a href="./components.html#navs">Nav, tabs, pills</a></li>
<li><a href="./components.html#navbar">Navbar</a></li>
<li><a href="./components.html#breadcrumbs">Breadcrumbs</a></li>
<li><a href="./components.html#pagination">Pagination</a></li>
<li><a href="./components.html#thumbnails">Thumbnails</a></li>
<li><a href="./components.html#alerts">Alert messages</a></li>
<li><a href="./components.html#progress">Progress bars</a></li>
</ul>
<li>
<a href="./base-css.html">Base CSS</a>
>>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
</li>
<li class="active">
<a href="./components.html">Components</a>
</li>
<<<<<<< HEAD
<li class="dropdown ">
<a href="./javascript.html" class="dropdown-toggle" data-toggle="dropdown">
Javascript plugins
......@@ -100,6 +96,13 @@
<a href="./less.html">
Using LESS
</a>
=======
<li>
<a href="./javascript.html">Javascript plugins</a>
</li>
<li>
<a href="./less.html">Using LESS</a>
>>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
</li>
</ul>
</div>
......@@ -108,12 +111,33 @@
<div class="container">
<<<<<<< HEAD
<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
<h1>Components</h1>
<p class="lead">Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.</p>
</header>
=======
<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
<h1>Components</h1>
<p class="lead">Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.</p>
<ul class="nav pills">
<li><a href="./components.html#buttonGroups">Button groups</a></li>
<li><a href="./components.html#buttonDropdowns">Button dropdowns</a></li>
<li><a href="./components.html#navs">Nav, tabs, pills</a></li>
<li><a href="./components.html#navbar">Navbar</a></li>
<li><a href="./components.html#breadcrumbs">Breadcrumbs</a></li>
<li><a href="./components.html#pagination">Pagination</a></li>
<li><a href="./components.html#thumbnails">Thumbnails</a></li>
<li><a href="./components.html#alerts">Alerts</a></li>
<li><a href="./components.html#progress">Progress bars</a></li>
</ul>
</header>
>>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
<!-- Button Groups
......
docs/index.html
View file @ 74521e83
......@@ -35,6 +35,7 @@
<a class="brand" href="./index.html">Bootstrap</a>
<ul class="nav">
<li class="active"><a href="./index.html">Overview</a></li>
<<<<<<< HEAD
<li class="dropdown ">
<a href="./scaffolding.html" class="dropdown-toggle" data-toggle="dropdown">
Scaffolding
......@@ -100,6 +101,22 @@
<a href="./less.html">
Using LESS
</a>
=======
<li>
<a href="./scaffolding.html">Scaffolding</a>
</li>
<li>
<a href="./base-css.html">Base CSS</a>
</li>
<li>
<a href="./components.html">Components</a>
</li>
<li>
<a href="./javascript.html">Javascript plugins</a>
</li>
<li>
<a href="./less.html">Using LESS</a>
>>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
</li>
</ul>
</div>
......
docs/javascript.html
View file @ 74521e83
......@@ -34,6 +34,7 @@
<div class="container">
<a class="brand" href="./index.html">Bootstrap</a>
<ul class="nav">
<<<<<<< HEAD
<li class=""><a href="./index.html">Overview</a></li>
<li class="dropdown ">
<a href="./scaffolding.html" class="dropdown-toggle" data-toggle="dropdown">
......@@ -75,13 +76,45 @@
<li><a href="./components.html#alerts">Alert messages</a></li>
<li><a href="./components.html#progress">Progress bars</a></li>
</ul>
=======
<li><a href="./index.html">Overview</a></li>
<li>
<a href="./scaffolding.html">Scaffolding</a>
</li>
<li class="dropdown active">
<a href="./javascript.html" class="dropdown-toggle" data-toggle="dropdown">
Javascript plugins
<b class="caret"></b>
<li>
<a href="./base-css.html">Base CSS</a>
</li>
<li>
<a href="./components.html">Components</a>
>>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
</li>
<li class="active">
<a href="./javascript.html">Javascript plugins</a>
</li>
<<<<<<< HEAD
<li class="">
<a href="./less.html">
Using LESS
</a>
<ul class="dropdown-menu">
=======
<li>
<a href="./less.html">Using LESS</a>
>>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
</li>
</ul>
</div>
</div>
</div>
<div class="container">
<<<<<<< HEAD
=======
<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
<h1>Javascript for Bootstrap</h1>
<p class="lead">Bring Bootstrap's components to life&mdash;now with 12 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins.
<ul class="nav pills">
<li><a href="./javascript.html#javascript">Overview</a></li>
<li><a href="./javascript.html#modals">Modal</a></li>
<li><a href="./javascript.html#dropdowns">Dropdown</a></li>
......@@ -95,18 +128,8 @@
<li><a href="./javascript.html#carousel">Carousel</a></li>
<li><a href="./javascript.html#typeahead">Typeahead</a></li>
</ul>
</li>
<li class="">
<a href="./less.html">
Using LESS
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="container">
</header>
>>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
<!-- Masthead
================================================== -->
......
docs/less.html
View file @ 74521e83
......@@ -34,6 +34,7 @@
<div class="container">
<a class="brand" href="./index.html">Bootstrap</a>
<ul class="nav">
<<<<<<< HEAD
<li class=""><a href="./index.html">Overview</a></li>
<li class="dropdown ">
<a href="./scaffolding.html" class="dropdown-toggle" data-toggle="dropdown">
......@@ -95,11 +96,23 @@
<li><a href="./javascript.html#carousel">Carousel</a></li>
<li><a href="./javascript.html#typeahead">Typeahead</a></li>
</ul>
=======
<li><a href="./index.html">Overview</a></li>
<li>
<a href="./scaffolding.html">Scaffolding</a>
</li>
<li>
<a href="./base-css.html">Base CSS</a>
</li>
<li>
<a href="./components.html">Components</a>
</li>
<li>
<a href="./javascript.html">Javascript plugins</a>
>>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
</li>
<li class="active">
<a href="./less.html">
Using LESS
</a>
<a href="./less.html">Using LESS</a>
</li>
</ul>
</div>
......
docs/scaffolding.html
View file @ 74521e83
......@@ -34,6 +34,7 @@
<div class="container">
<a class="brand" href="./index.html">Bootstrap</a>
<ul class="nav">
<<<<<<< HEAD
<li class=""><a href="./index.html">Overview</a></li>
<li class="dropdown active">
<a href="./scaffolding.html" class="dropdown-toggle" data-toggle="dropdown">
......@@ -100,6 +101,23 @@
<a href="./less.html">
Using LESS
</a>
=======
<li><a href="./index.html">Overview</a></li>
<li class="active">
<a href="./scaffolding.html">Scaffolding</a>
</li>
<li>
<a href="./base-css.html">Base CSS</a>
</li>
<li>
<a href="./components.html">Components</a>
</li>
<li>
<a href="./javascript.html">Javascript plugins</a>
</li>
<li>
<a href="./less.html">Using LESS</a>
>>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
</li>
</ul>
</div>
......@@ -108,6 +126,7 @@
<div class="container">
<<<<<<< HEAD
<!-- Masthead
================================================== -->
......@@ -115,6 +134,19 @@
<h1>Scaffolding</h1>
<p class="lead">Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.</p>
</header>
=======
<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
<h1>Scaffolding</h1>
<p class="lead">Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.</p>
<ul class="nav pills">
<li><a href="./scaffolding.html#grid-system">Grid system</a></li>
<li><a href="./scaffolding.html#layouts">Layouts</a></li>
<li><a href="./scaffolding.html#responsive">Responsive design</a></li>
</ul>
</header>
>>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
......
lib/buttons.less
View file @ 74521e83
......@@ -102,7 +102,6 @@
}
}
// Super jank hack for removing border-radius from IE9 so we can keep filter gradients on alerts and buttons
:root .alert-message,
:root .btn {
border-radius: 0 \0;
}
......
lib/forms.less
View file @ 74521e83
......@@ -8,17 +8,25 @@
// Make all forms have space below them
form {
margin-bottom: @baseLineHeight;
margin: 0 0 @baseLineHeight;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
}
// Groups of fields with labels on top (legends)
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: @baseLineHeight * 1.5;
font-size: @baseFontSize * 1.5;
line-height: @baseLineHeight * 2;
color: @grayDark;
border: 0;
border-bottom: 1px solid #eee;
-webkit-margin-collapse: separate;
}
......@@ -26,6 +34,7 @@ legend {
// Set font for forms
label,
input,
button,
select,
textarea {
#font > .sans-serif(@baseFontSize,normal,@baseLineHeight);
......@@ -454,13 +463,17 @@ select:focus:required:invalid {
// Margin to space out fieldsets
.control-group {
margin-bottom: @baseLineHeight;
margin-bottom: @baseLineHeight / 2;
}
// Horizontal-specific styles
// --------------------------
.form-horizontal {
// Increase spacing between groups
.control-group {
margin-bottom: @baseLineHeight;
}
// Float the labels left
.control-group > label {
float: left;
......
lib/reset.less
View file @ 74521e83
// Reset.less
// Props to Eric Meyer (meyerweb.com) for his CSS reset file.
// 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).
// Adapted from Normalize.css http://github.com/necolas/normalize.css
// ------------------------------------------------------------------------
// 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
// -------------------------
// 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,
aside,
details,
......@@ -60,7 +20,7 @@ section {
// Display block in IE6-9 and FF3
// -------------------------
// Source: http://github.com/necolas/normalize.css
audio,
canvas,
video {
......@@ -71,14 +31,32 @@ video {
// Prevents modern browsers from displaying 'audio' without controls
// -------------------------
// Source: http://github.com/necolas/normalize.css
audio:not([controls]) {
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
// -------------------------
// Source: http://github.com/necolas/normalize.css
sub,
sup {
position: relative;
......@@ -95,7 +73,7 @@ sub {
// Img border in a's and image quality
// -------------------------
// Source: http://github.com/necolas/normalize.css
img {
max-width: 100%;
height: auto;
......@@ -105,7 +83,6 @@ img {
// Forms
// -------------------------
// Source: http://github.com/necolas/normalize.css
// Font size in all browsers, margin changes, misc consistency
button,
......
lib/responsive.less
View file @ 74521e83
......@@ -97,11 +97,12 @@
// Modals
.modal {
position: fixed;
position: absolute;
top: 20px;
left: 20px;
right: 20px;
width: auto;
margin: 0;
&.fade.in { top: auto; }
}
.modal-header .close {
......
lib/scaffolding.less
View file @ 74521e83
......@@ -60,8 +60,6 @@ body {
// Links
a {
font-weight: inherit;
line-height: inherit;
color: @linkColor;
text-decoration: none;
&:hover {
......@@ -75,13 +73,10 @@ a {
// -----------
// To customize the grid system, bring up the variables.less file and change the column count, size, and gutter there
.row {
margin-left: @gridGutterWidth * -1;
.clearfix();
}
[class*="span"]:first-child{
margin-left: 0;
}
// Find all .span# classes within .row and give them the necessary properties for grid columns
// (supported by all browsers back to IE7)
// Credit to @dhg for the idea
......
lib/tables.less
View file @ 74521e83
......@@ -4,6 +4,15 @@
// ----------------------------------------
// BASE TABLES
// -----------------
table {
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
// BASELINE STYLES
// ---------------
......
lib/thumbnails.less
View file @ 74521e83
......@@ -8,7 +8,7 @@
}
.thumbnails > li {
float: left;
margin: 0 0 20px 20px;
margin: 0 0 @baseLineHeight 20px;
}
.thumbnail {
display: block;
......
lib/type.less
View file @ 74521e83
......@@ -7,7 +7,7 @@
// ---------
p {
margin-bottom: @baseLineHeight / 2;
margin: 0 0 @baseLineHeight / 2;
font-family: @baseFontFamily;
font-size: @baseFontSize;
line-height: @baseLineHeight;
......@@ -17,15 +17,16 @@ p {
}
}
// HEADINGS
// --------
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-weight: bold;
color: @grayDark;
text-rendering: optimizelegibility; // Fix the character spacing for headings
small {
font-weight: normal;
color: @grayLight;
}
}
......@@ -74,6 +75,7 @@ h6 {
// Unordered and Ordered lists
ul, ol {
padding: 0;
margin: 0 0 @baseLineHeight / 2 25px;
}
ul ul,
......@@ -124,13 +126,10 @@ hr {
// Emphasis
strong {
font-style: inherit;
font-weight: bold;
}
em {
font-style: italic;
font-weight: inherit;
line-height: inherit;
}
.muted {
color: @grayLight;
......@@ -146,8 +145,8 @@ abbr {
// Blockquotes
blockquote {
padding-left: 15px;
margin-bottom: @baseLineHeight;
padding: 0 0 0 15px;
margin: 0 0 @baseLineHeight;
border-left: 5px solid @grayLighter;
p {
margin-bottom: 0;
......@@ -176,11 +175,19 @@ blockquote {
}
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
}
// Addresses
address {
display: block;
margin-bottom: @baseLineHeight;
line-height: @baseLineHeight;
font-style: normal;
}
// Inline and block code styles
......@@ -221,3 +228,11 @@ pre {
background-color: transparent;
}
}
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