rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-04 16:24:22 +01:00
Code Issues Actions Packages Releases Activity
0f72123c43
Bootstrap/dist/css/bootstrap.css

5720 lines
115 KiB
CSS
Raw Normal View History

convert to jekyll
2013-02-12 21:16:32 +01:00
/*!
bump version numbers to 3.0.3
2013-12-02 04:31:52 +01:00
* Bootstrap v3.0.3 (http://getbootstrap.com)
run grunt
2013-10-03 19:42:55 +02:00
* Copyright 2013 Twitter, Inc.
* Licensed under http://www.apache.org/licenses/LICENSE-2.0
convert to jekyll
2013-02-12 21:16:32 +01:00
*/
Add another newline to improve final code readability This divides banner from code.
2013-10-24 19:32:41 +02:00
convert to jekyll
2013-02-12 21:16:32 +01:00
merge, compile
2013-12-09 07:11:46 +01:00
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
convert to jekyll
2013-02-12 21:16:32 +01:00
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
Run grunt dist.
2013-09-18 07:14:39 +02:00
[hidden],
template {
convert to jekyll
2013-02-12 21:16:32 +01:00
display: none;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-text-size-adjust: 100%;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
body {
margin: 0;
}
Run grunt dist.
2013-09-18 07:14:39 +02:00
a {
background: transparent;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
h1 {
merge, compile
2013-12-09 07:11:46 +01:00
margin: .67em 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 2em;
merge, compile
2013-12-09 07:11:46 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
hr {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
height: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
-moz-box-sizing: content-box;
box-sizing: content-box;
}
mark {
color: #000;
background: #ff0;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
pre {
white-space: pre-wrap;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
font-size: 80%;
}
sub,
sup {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
position: relative;
convert to jekyll
2013-02-12 21:16:32 +01:00
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
merge, compile
2013-12-09 07:11:46 +01:00
top: -.5em;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
sub {
merge, compile
2013-12-09 07:11:46 +01:00
bottom: -.25em;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
fieldset {
merge, compile
2013-12-09 07:11:46 +01:00
padding: .35em .625em .75em;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin: 0 2px;
convert to jekyll
2013-02-12 21:16:32 +01:00
border: 1px solid #c0c0c0;
}
legend {
padding: 0;
border: 0;
}
button,
input,
select,
textarea {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
font-family: inherit;
font-size: 100%;
merge, compile
2013-12-09 07:11:46 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
merge, compile
2013-12-09 07:11:46 +01:00
cursor: pointer;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
merge, compile
2013-12-09 07:11:46 +01:00
padding: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
input[type="search"] {
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-appearance: textfield;
convert to jekyll
2013-02-12 21:16:32 +01:00
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-spacing: 0;
merge, compile
2013-12-09 07:11:46 +01:00
border-collapse: collapse;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Fixes #6897: Print styles get own .less file
2013-03-01 04:42:51 +01:00
@media print {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
* {
Fixes #6897: Print styles get own .less file
2013-03-01 04:42:51 +01:00
color: #000 !important;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
text-shadow: none !important;
Fixes #6897: Print styles get own .less file
2013-03-01 04:42:51 +01:00
background: transparent !important;
box-shadow: none !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
a,
Fixes #6897: Print styles get own .less file
2013-03-01 04:42:51 +01:00
a:visited {
text-decoration: underline;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
a[href]:after {
Fixes #6897: Print styles get own .less file
2013-03-01 04:42:51 +01:00
content: " (" attr(href) ")";
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
abbr[title]:after {
Fixes #6897: Print styles get own .less file
2013-03-01 04:42:51 +01:00
content: " (" attr(title) ")";
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
a[href^="javascript:"]:after,
Fixes #6897: Print styles get own .less file
2013-03-01 04:42:51 +01:00
a[href^="#"]:after {
content: "";
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
pre,
Fixes #6897: Print styles get own .less file
2013-03-01 04:42:51 +01:00
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
thead {
Fixes #6897: Print styles get own .less file
2013-03-01 04:42:51 +01:00
display: table-header-group;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
tr,
Fixes #6897: Print styles get own .less file
2013-03-01 04:42:51 +01:00
img {
page-break-inside: avoid;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
img {
Fixes #6897: Print styles get own .less file
2013-03-01 04:42:51 +01:00
max-width: 100% !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
merge, compile
2013-12-09 07:11:46 +01:00
@page {
hide entire navbar in print views
2013-05-09 04:57:42 +02:00
margin: 2cm .5cm;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
p,
Fixes #6897: Print styles get own .less file
2013-03-01 04:42:51 +01:00
h2,
h3 {
orphans: 3;
widows: 3;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
h2,
Fixes #6897: Print styles get own .less file
2013-03-01 04:42:51 +01:00
h3 {
page-break-after: avoid;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
select {
Add -moz-osx-font-smoothing
2013-10-28 09:59:24 +01:00
background: #fff !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar {
fixes #7140: hide navbar toggle in print
2013-03-17 00:17:32 +01:00
display: none;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.table td,
Fixes #7599: Improved print styles for a few key components * Updates `.table` to always enforce a solid white background * Update button groups and dropdowns to always use black carets * Add a 1px solid black border to labels (in the future we should add a border to these perhaps for better printing)
2013-06-18 05:56:02 +02:00
.table th {
background-color: #fff !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.btn > .caret,
Fixes #7599: Improved print styles for a few key components * Updates `.table` to always enforce a solid white background * Update button groups and dropdowns to always use black carets * Add a 1px solid black border to labels (in the future we should add a border to these perhaps for better printing)
2013-06-18 05:56:02 +02:00
.dropup > .btn > .caret {
border-top-color: #000 !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.label {
Fixes #7599: Improved print styles for a few key components * Updates `.table` to always enforce a solid white background * Update button groups and dropdowns to always use black carets * Add a 1px solid black border to labels (in the future we should add a border to these perhaps for better printing)
2013-06-18 05:56:02 +02:00
border: 1px solid #000;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.table {
Fixes #8278: fix on print
2013-07-20 01:49:38 +02:00
border-collapse: collapse !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.table-bordered th,
Fixes #8278: fix on print
2013-07-20 01:49:38 +02:00
.table-bordered td {
border: 1px solid #ddd !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Fixes #6897: Print styles get own .less file
2013-03-01 04:42:51 +01:00
}
fixes #9400: add box-sizing to pseudo elements as well
2013-08-13 06:26:43 +02:00
*,
*:before,
*:after {
Set border-box globally instead
2013-03-10 19:24:07 +01:00
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
html {
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
New grid classes
2013-03-27 01:12:17 +01:00
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
Overhaul form control and button sizing, and some type styles * New padding approach with separate horizontal and vertical padding variables * Improved sizing in large and small buttons and form controls * Dropped the `.btn-mini` (since we have no `.input-mini` to match, and holy fuck those were small buttons) * Dropped the `.pagination-mini` as well because once again, to hell with such small components * Changed `@line-height-headings` to `@headings-line-height` * Removed the `@headings-font-family` because it was honestly kind of useless
2013-05-15 08:21:30 +02:00
line-height: 1.428571429;
merge, compile
2013-12-09 07:11:46 +01:00
color: #333;
background-color: #fff;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
input,
button,
select,
textarea {
New grid classes
2013-03-27 01:12:17 +01:00
font-family: inherit;
font-size: inherit;
line-height: inherit;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
a {
merge, compile
2013-12-09 07:11:46 +01:00
color: #428bca;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
text-decoration: none;
merge, compile
2013-12-09 07:11:46 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
a:hover,
a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #2a6496;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
text-decoration: underline;
merge, compile
2013-12-09 07:11:46 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
a:focus {
run grunt after last merge
2013-11-28 21:34:42 +01:00
outline: thin dotted;
convert to jekyll
2013-02-12 21:16:32 +01:00
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
img {
Overall responsive `img` styles `img`s are no longer responsive by default. Instead, use `.img-responsive` as a class or mixin. Existing `.thumbnail > img` and `.img-thumbnail` classes now make use of this as a mixin as well.
2013-06-28 09:09:10 +02:00
vertical-align: middle;
}
fixes #9582: restore img-responsive as a class and move it's mixin to mixins.less
2013-08-15 09:46:18 +02:00
.img-responsive {
display: block;
max-width: 100%;
merge, compile
2013-12-09 07:11:46 +01:00
height: auto;
fixes #9582: restore img-responsive as a class and move it's mixin to mixins.less
2013-08-15 09:46:18 +02:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.img-rounded {
border-radius: 6px;
}
improve dependencies for image thumbnails and thumbnail component
2013-08-19 04:24:10 +02:00
.img-thumbnail {
display: inline-block;
max-width: 100%;
merge, compile
2013-12-09 07:11:46 +01:00
height: auto;
improve dependencies for image thumbnails and thumbnail component
2013-08-19 04:24:10 +02:00
padding: 4px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
line-height: 1.428571429;
background-color: #fff;
merge, compile
2013-12-09 07:11:46 +01:00
border: 1px solid #ddd;
improve dependencies for image thumbnails and thumbnail component
2013-08-19 04:24:10 +02:00
border-radius: 4px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
improve dependencies for image thumbnails and thumbnail component
2013-08-19 04:24:10 +02:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.img-circle {
fixes #8983
2013-08-12 00:41:06 +02:00
border-radius: 50%;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Move `hr` to scaffolding.less (out of type.less) and simplify styles
2013-07-05 21:21:05 +02:00
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
merge, compile
2013-12-09 07:11:46 +01:00
border-top: 1px solid #eee;
Move `hr` to scaffolding.less (out of type.less) and simplify styles
2013-07-05 21:21:05 +02:00
}
Improve accessibility (Section 508, WCAG) This PR significantly improves Bootstrap's accessibility for users of assistive technology, such as screen readers. Some of the these changes add additional markup to the source examples, but we believe that the sacrifice in readability is worth achieving more widespread usage of accessibility best-practices. What was done - Added lots of [WAI-ARIA attributes](http://www.w3.org/WAI/intro/aria) - Added `.sr-only` helper class, that is only readable by screen readers (and invisible for all other users). This lets us - make progress bars and paginations accessible to screen reading users. - Advised users to always use label elements. For inline forms, they can hide them with `.sr-only` - Added 'Skip navigation' link - Added "Accessibility" section to getting-started.html. What *wasn't* done - Contrast issues (twbs#3572) - Tooltips (twbs#8469) - Documentation re: usage of icons, since they now live in a separate repo Major props to all that contributed: @bensheldon, @jasonlally, @criscristina, and @louh. Feel free to chime in, guys, if I've left anything out.
2013-08-07 06:25:36 +02:00
.sr-only {
position: absolute;
width: 1px;
height: 1px;
merge, compile
2013-12-09 07:11:46 +01:00
padding: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
Improve accessibility (Section 508, WCAG) This PR significantly improves Bootstrap's accessibility for users of assistive technology, such as screen readers. Some of the these changes add additional markup to the source examples, but we believe that the sacrifice in readability is worth achieving more widespread usage of accessibility best-practices. What was done - Added lots of [WAI-ARIA attributes](http://www.w3.org/WAI/intro/aria) - Added `.sr-only` helper class, that is only readable by screen readers (and invisible for all other users). This lets us - make progress bars and paginations accessible to screen reading users. - Advised users to always use label elements. For inline forms, they can hide them with `.sr-only` - Added 'Skip navigation' link - Added "Accessibility" section to getting-started.html. What *wasn't* done - Contrast issues (twbs#3572) - Tooltips (twbs#8469) - Documentation re: usage of icons, since they now live in a separate repo Major props to all that contributed: @bensheldon, @jasonlally, @criscristina, and @louh. Feel free to chime in, guys, if I've left anything out.
2013-08-07 06:25:36 +02:00
border: 0;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
h1,
h2,
h3,
h4,
h5,
Use translucent box shadow on hr elements; colorize hr elements within alert components
2013-03-15 07:01:23 +01:00
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
Fixes #11741: Don't set headings font-family again, just use inherit
2013-12-08 11:14:24 +01:00
font-family: inherit;
convert to jekyll
2013-02-12 21:16:32 +01:00
font-weight: 500;
Unitless line-height * Instead of 20px as @line-height-base, use 1.5 * Update typographic scale for headings to use unitless as well--required some twerking of decimals a bit and some rounding * Introduce new @line-height-computed value, which takes base font-size and multiplies it by 1.5, for use in padding and margin on components
2013-05-10 02:20:46 +02:00
line-height: 1.1;
fixes #10153: restore headings-color variable
2013-09-01 09:49:28 +02:00
color: inherit;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
Use translucent box shadow on hr elements; colorize hr elements within alert components
2013-03-15 07:01:23 +01:00
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
run grunt dist on .small additions
2013-10-14 00:54:49 +02:00
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
convert to jekyll
2013-02-12 21:16:32 +01:00
font-weight: normal;
line-height: 1;
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
h1,
h2,
h3 {
Font-size and line-height tweaks * Use 1.428 for line-height instead of 1.5 * Use function for full pixel values instead of decimals
2013-05-10 19:33:35 +02:00
margin-top: 20px;
margin-bottom: 10px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Update and document use of `small` in headings
2013-08-23 23:22:51 +02:00
h1 small,
h2 small,
run grunt dist on .small additions
2013-10-14 00:54:49 +02:00
h3 small,
h1 .small,
h2 .small,
h3 .small {
Update and document use of `small` in headings
2013-08-23 23:22:51 +02:00
font-size: 65%;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
h4,
h5,
h6 {
Font-size and line-height tweaks * Use 1.428 for line-height instead of 1.5 * Use function for full pixel values instead of decimals
2013-05-10 19:33:35 +02:00
margin-top: 10px;
margin-bottom: 10px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Update and document use of `small` in headings
2013-08-23 23:22:51 +02:00
h4 small,
h5 small,
run grunt dist on .small additions
2013-10-14 00:54:49 +02:00
h6 small,
h4 .small,
h5 .small,
h6 .small {
Update and document use of `small` in headings
2013-08-23 23:22:51 +02:00
font-size: 75%;
}
Use translucent box shadow on hr elements; colorize hr elements within alert components
2013-03-15 07:01:23 +01:00
h1,
.h1 {
smaller h1 and h2
2013-08-19 06:49:05 +02:00
font-size: 36px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Use translucent box shadow on hr elements; colorize hr elements within alert components
2013-03-15 07:01:23 +01:00
h2,
.h2 {
smaller h1 and h2
2013-08-19 06:49:05 +02:00
font-size: 30px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Use translucent box shadow on hr elements; colorize hr elements within alert components
2013-03-15 07:01:23 +01:00
h3,
.h3 {
Unitless line-height * Instead of 20px as @line-height-base, use 1.5 * Update typographic scale for headings to use unitless as well--required some twerking of decimals a bit and some rounding * Introduce new @line-height-computed value, which takes base font-size and multiplies it by 1.5, for use in padding and margin on components
2013-05-10 02:20:46 +02:00
font-size: 24px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Use translucent box shadow on hr elements; colorize hr elements within alert components
2013-03-15 07:01:23 +01:00
h4,
.h4 {
Unitless line-height * Instead of 20px as @line-height-base, use 1.5 * Update typographic scale for headings to use unitless as well--required some twerking of decimals a bit and some rounding * Introduce new @line-height-computed value, which takes base font-size and multiplies it by 1.5, for use in padding and margin on components
2013-05-10 02:20:46 +02:00
font-size: 18px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Use translucent box shadow on hr elements; colorize hr elements within alert components
2013-03-15 07:01:23 +01:00
h5,
.h5 {
restore px unit on @font-size-base
2013-03-31 21:00:04 +02:00
font-size: 14px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Use translucent box shadow on hr elements; colorize hr elements within alert components
2013-03-15 07:01:23 +01:00
h6,
.h6 {
Unitless line-height * Instead of 20px as @line-height-base, use 1.5 * Update typographic scale for headings to use unitless as well--required some twerking of decimals a bit and some rounding * Introduce new @line-height-computed value, which takes base font-size and multiplies it by 1.5, for use in padding and margin on components
2013-05-10 02:20:46 +02:00
font-size: 12px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Fixes #11515: Reorder the headings with body text and text emphasis classes
2013-11-30 23:58:35 +01:00
p {
margin: 0 0 10px;
}
.lead {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-bottom: 20px;
Fixes #11515: Reorder the headings with body text and text emphasis classes
2013-11-30 23:58:35 +01:00
font-size: 16px;
font-weight: 200;
line-height: 1.4;
merge, compile
2013-12-09 07:11:46 +01:00
}
Fixes #11515: Reorder the headings with body text and text emphasis classes
2013-11-30 23:58:35 +01:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.lead {
Fixes #11515: Reorder the headings with body text and text emphasis classes
2013-11-30 23:58:35 +01:00
font-size: 21px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Fixes #11515: Reorder the headings with body text and text emphasis classes
2013-11-30 23:58:35 +01:00
}
small,
.small {
font-size: 85%;
}
cite {
font-style: normal;
}
Fixes #11572: Add contextual background-color classes to match text classes; move both sets of classes to Helper Classes section of the CSS docs
2013-12-15 06:40:16 +01:00
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
Fixes #11515: Reorder the headings with body text and text emphasis classes
2013-11-30 23:58:35 +01:00
.text-muted {
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
Fixes #11515: Reorder the headings with body text and text emphasis classes
2013-11-30 23:58:35 +01:00
}
.text-primary {
color: #428bca;
}
.text-primary:hover {
color: #3071a9;
}
.text-warning {
color: #8a6d3b;
}
.text-warning:hover {
color: #66512c;
}
.text-danger {
color: #a94442;
}
.text-danger:hover {
color: #843534;
}
.text-success {
color: #3c763d;
}
.text-success:hover {
color: #2b542c;
}
.text-info {
color: #31708f;
}
.text-info:hover {
color: #245269;
}
Fixes #11572: Add contextual background-color classes to match text classes; move both sets of classes to Helper Classes section of the CSS docs
2013-12-15 06:40:16 +01:00
.bg-primary {
color: #fff;
background-color: #428bca;
Fixes #11515: Reorder the headings with body text and text emphasis classes
2013-11-30 23:58:35 +01:00
}
Fixes #11572: Add contextual background-color classes to match text classes; move both sets of classes to Helper Classes section of the CSS docs
2013-12-15 06:40:16 +01:00
a.bg-primary:hover {
background-color: #3071a9;
Fixes #11515: Reorder the headings with body text and text emphasis classes
2013-11-30 23:58:35 +01:00
}
Fixes #11572: Add contextual background-color classes to match text classes; move both sets of classes to Helper Classes section of the CSS docs
2013-12-15 06:40:16 +01:00
.bg-warning {
background-color: #fcf8e3;
Fixes #11515: Reorder the headings with body text and text emphasis classes
2013-11-30 23:58:35 +01:00
}
Fixes #11572: Add contextual background-color classes to match text classes; move both sets of classes to Helper Classes section of the CSS docs
2013-12-15 06:40:16 +01:00
a.bg-warning:hover {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover {
background-color: #e4b9b9;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover {
background-color: #afd9ee;
grunt dist after adding .text-justify
2013-12-07 21:19:17 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.page-header {
merge, compile
2013-12-09 07:11:46 +01:00
padding-bottom: 9px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin: 40px 0 20px;
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom: 1px solid #eee;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
ul,
ol {
Better base `ul` and `ol` styles Turns out we were nixing the default browser spacing for bullets and numbers, so this reverts that and instead just twerks the top/bottom `margin`.
2013-06-17 22:35:50 +02:00
margin-top: 0;
margin-bottom: 10px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
ul ul,
simplify type.less
2013-07-09 03:22:36 +02:00
ol ul,
convert to jekyll
2013-02-12 21:16:32 +01:00
ul ol,
simplify type.less
2013-07-09 03:22:36 +02:00
ol ol {
convert to jekyll
2013-02-12 21:16:32 +01:00
margin-bottom: 0;
}
Refactor .list-inline and .list-unstyled * Instead of shared and separate CSS, isolate by class for easier mixin-ability * .list-unstyled is now used as a mixin in .list-inline
2013-03-27 23:42:11 +01:00
.list-unstyled {
Properly unstyle the `.list-unstyled` class by switching from `margin` to `padding` Also add better comments
2013-06-17 22:49:22 +02:00
padding-left: 0;
Refactor .list-inline and .list-unstyled * Instead of shared and separate CSS, isolate by class for easier mixin-ability * .list-unstyled is now used as a mixin in .list-inline
2013-03-27 23:42:11 +01:00
list-style: none;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.list-inline {
Properly unstyle the `.list-unstyled` class by switching from `margin` to `padding` Also add better comments
2013-06-17 22:49:22 +02:00
padding-left: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
list-style: none;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
Fixes #11206: remove left padding on first inline list item
2013-10-26 15:13:34 +02:00
.list-inline > li:first-child {
padding-left: 0;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
dl {
Remove browser default top margin from dl elements
2013-12-01 08:08:41 +01:00
margin-top: 0;
Font-size and line-height tweaks * Use 1.428 for line-height instead of 1.5 * Use function for full pixel values instead of decimals
2013-05-10 19:33:35 +02:00
margin-bottom: 20px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
dt,
dd {
Overhaul form control and button sizing, and some type styles * New padding approach with separate horizontal and vertical padding variables * Improved sizing in large and small buttons and form controls * Dropped the `.btn-mini` (since we have no `.input-mini` to match, and holy fuck those were small buttons) * Dropped the `.pagination-mini` as well because once again, to hell with such small components * Changed `@line-height-headings` to `@headings-line-height` * Removed the `@headings-font-family` because it was honestly kind of useless
2013-05-15 08:21:30 +02:00
line-height: 1.428571429;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
dt {
font-weight: bold;
}
dd {
No more left margin on dd elements, fixes #8567
2013-07-23 19:18:34 +02:00
margin-left: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Fixes #8770: mobile-first (stacked by default) horizontal dls
2013-08-05 18:10:52 +02:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.dl-horizontal dt {
Fixes #8770: mobile-first (stacked by default) horizontal dls
2013-08-05 18:10:52 +02:00
float: left;
merge, compile
2013-12-09 07:11:46 +01:00
width: 160px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
overflow: hidden;
clear: left;
Fixes #8770: mobile-first (stacked by default) horizontal dls
2013-08-05 18:10:52 +02:00
text-align: right;
merge, compile
2013-12-09 07:11:46 +01:00
text-overflow: ellipsis;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
white-space: nowrap;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.dl-horizontal dd {
Fixes #8770: mobile-first (stacked by default) horizontal dls
2013-08-05 18:10:52 +02:00
margin-left: 180px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
}
abbr[title],
abbr[data-original-title] {
cursor: help;
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom: 1px dotted #999;
}
Fixes #11277: Drop the abbr element from the .initialism selector
2013-12-01 01:18:07 +01:00
.initialism {
convert to jekyll
2013-02-12 21:16:32 +01:00
font-size: 90%;
text-transform: uppercase;
}
blockquote {
merge, compile
2013-12-09 07:11:46 +01:00
padding: 10px 20px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin: 0 0 20px;
merge, compile
2013-12-09 07:11:46 +01:00
border-left: 5px solid #eee;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
blockquote p {
restore px unit on @font-size-base
2013-03-31 21:00:04 +02:00
font-size: 17.5px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Fixes #7640: only reset margin on last-child p within blockquotes
2013-04-20 21:09:08 +02:00
blockquote p:last-child {
margin-bottom: 0;
}
Fixes #11660: Depcreate small and .small in blockquote in favor of footer
2013-12-15 23:23:55 +01:00
blockquote footer,
Add missing `.small` styles and docs
2013-11-08 10:30:15 +01:00
blockquote small,
blockquote .small {
merge, compile
2013-12-09 07:11:46 +01:00
display: block;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
line-height: 1.428571429;
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
}
Fixes #11660: Depcreate small and .small in blockquote in favor of footer
2013-12-15 23:23:55 +01:00
blockquote footer:before,
Add missing `.small` styles and docs
2013-11-08 10:30:15 +01:00
blockquote small:before,
blockquote .small:before {
convert to jekyll
2013-02-12 21:16:32 +01:00
content: '\2014 \00A0';
}
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
merge, compile
2013-12-09 07:11:46 +01:00
border-right: 5px solid #eee;
convert to jekyll
2013-02-12 21:16:32 +01:00
border-left: 0;
}
blockquote.pull-right p,
run grunt dist on .small additions
2013-10-14 00:54:49 +02:00
blockquote.pull-right small,
blockquote.pull-right .small {
convert to jekyll
2013-02-12 21:16:32 +01:00
text-align: right;
}
run grunt dist on .small additions
2013-10-14 00:54:49 +02:00
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
convert to jekyll
2013-02-12 21:16:32 +01:00
content: '';
}
run grunt dist on .small additions
2013-10-14 00:54:49 +02:00
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
convert to jekyll
2013-02-12 21:16:32 +01:00
content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
content: "";
}
address {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-bottom: 20px;
convert to jekyll
2013-02-12 21:16:32 +01:00
font-style: normal;
Overhaul form control and button sizing, and some type styles * New padding approach with separate horizontal and vertical padding variables * Improved sizing in large and small buttons and form controls * Dropped the `.btn-mini` (since we have no `.input-mini` to match, and holy fuck those were small buttons) * Dropped the `.pagination-mini` as well because once again, to hell with such small components * Changed `@line-height-headings` to `@headings-line-height` * Removed the `@headings-font-family` because it was honestly kind of useless
2013-05-15 08:21:30 +02:00
line-height: 1.428571429;
merge, compile
2013-12-09 07:11:46 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
code,
Fixes #10903 and #10457: IE8-9 don't support events on elements without background-color, so we have to hack it
2013-10-21 01:46:38 +02:00
kbd,
Merge branch 'master' of github.com:twbs/bootstrap Conflicts: dist/css/bootstrap.min.css
2013-09-11 21:31:21 +02:00
pre,
samp {
fixes #11449: use menlo over monaco
2013-11-17 03:01:59 +01:00
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
code {
merge, compile
2013-12-09 07:11:46 +01:00
padding: 2px 4px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 90%;
merge, compile
2013-12-09 07:11:46 +01:00
color: #c7254e;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
white-space: nowrap;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #f9f2f4;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-radius: 4px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Fixes #11193: Add kbd element styles to indicate user input via keyboard
2013-12-07 21:18:13 +01:00
kbd {
merge, compile
2013-12-09 07:11:46 +01:00
padding: 2px 4px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 90%;
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
background-color: #333;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-radius: 3px;
merge, compile
2013-12-09 07:11:46 +01:00
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
Fixes #11193: Add kbd element styles to indicate user input via keyboard
2013-12-07 21:18:13 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
pre {
merge, compile
2013-12-09 07:11:46 +01:00
display: block;
padding: 9.5px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin: 0 0 10px;
font-size: 13px;
line-height: 1.428571429;
merge, compile
2013-12-09 07:11:46 +01:00
color: #333;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
merge, compile
2013-12-09 07:11:46 +01:00
border: 1px solid #ccc;
convert to jekyll
2013-02-12 21:16:32 +01:00
border-radius: 4px;
}
pre code {
merge, compile
2013-12-09 07:11:46 +01:00
padding: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: inherit;
merge, compile
2013-12-09 07:11:46 +01:00
color: inherit;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
white-space: pre-wrap;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: transparent;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-radius: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.pre-scrollable {
merge, compile
2013-12-09 07:11:46 +01:00
max-height: 340px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
overflow-y: scroll;
merge, compile
2013-12-09 07:11:46 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.container {
merge, compile
2013-12-09 07:11:46 +01:00
padding-right: 15px;
padding-left: 15px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-right: auto;
margin-left: auto;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Fixes #10483 and #10357: Make .container mixin-friendly by moving the width declarations within one class
2013-11-28 23:22:31 +01:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.container {
Fixes #10483 and #10357: Make .container mixin-friendly by moving the width declarations within one class
2013-11-28 23:22:31 +01:00
width: 750px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Fixes #10483 and #10357: Make .container mixin-friendly by moving the width declarations within one class
2013-11-28 23:22:31 +01:00
}
@media (min-width: 992px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.container {
Fixes #10483 and #10357: Make .container mixin-friendly by moving the width declarations within one class
2013-11-28 23:22:31 +01:00
width: 970px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Fixes #10483 and #10357: Make .container mixin-friendly by moving the width declarations within one class
2013-11-28 23:22:31 +01:00
}
@media (min-width: 1200px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.container {
Fixes #10483 and #10357: Make .container mixin-friendly by moving the width declarations within one class
2013-11-28 23:22:31 +01:00
width: 1170px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Fixes #10483 and #10357: Make .container mixin-friendly by moving the width declarations within one class
2013-11-28 23:22:31 +01:00
}
Add .container-fluid variation for full-width containers and layouts /cc #10711 #9862
2013-12-08 05:52:51 +01:00
.container-fluid {
merge, compile
2013-12-09 07:11:46 +01:00
padding-right: 15px;
padding-left: 15px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-right: auto;
margin-left: auto;
Add .container-fluid variation for full-width containers and layouts /cc #10711 #9862
2013-12-08 05:52:51 +01:00
}
Make negative margins on rows the default, not just in containers, and add padding to body to compensate
2013-08-17 00:16:03 +02:00
.row {
margin-right: -15px;
margin-left: -15px;
}
merge, compile
2013-12-09 07:11:46 +01:00
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
Overhaul the grid system and its docs * Add new grid mixins adapted from Preboot (http://github.com/mdo/preboot) * Drop the @grid-row-width and @grid-column-width variables * Add the @grid-float-breakpoint variable, as used in Preboot * Add support for .push* and .pull* classes for column ordering manipulation * Document all the things
2013-03-16 07:21:10 +01:00
position: relative;
convert to jekyll
2013-02-12 21:16:32 +01:00
min-height: 1px;
Overhaul the grid system and its docs * Add new grid mixins adapted from Preboot (http://github.com/mdo/preboot) * Drop the @grid-row-width and @grid-column-width variables * Add the @grid-float-breakpoint variable, as used in Preboot * Add support for .push* and .pull* classes for column ordering manipulation * Document all the things
2013-03-16 07:21:10 +01:00
padding-right: 15px;
padding-left: 15px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
merge, compile
2013-12-09 07:11:46 +01:00
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
Make on previous commits
2013-06-24 00:05:58 +02:00
float: left;
}
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
.col-xs-12 {
width: 100%;
Add small grid for phones and tablets
2013-04-03 04:40:43 +02:00
}
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
.col-xs-11 {
width: 91.66666666666666%;
Add small grid for phones and tablets
2013-04-03 04:40:43 +02:00
}
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
.col-xs-10 {
width: 83.33333333333334%;
Add small grid for phones and tablets
2013-04-03 04:40:43 +02:00
}
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
.col-xs-9 {
width: 75%;
Add small grid for phones and tablets
2013-04-03 04:40:43 +02:00
}
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
.col-xs-8 {
width: 66.66666666666666%;
}
.col-xs-7 {
width: 58.333333333333336%;
Add small grid for phones and tablets
2013-04-03 04:40:43 +02:00
}
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
.col-xs-6 {
fixes #8066: add missing % functions to grid less code
2013-06-03 20:58:38 +02:00
width: 50%;
Add small grid for phones and tablets
2013-04-03 04:40:43 +02:00
}
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
.col-xs-5 {
width: 41.66666666666667%;
Add small grid for phones and tablets
2013-04-03 04:40:43 +02:00
}
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
.col-xs-4 {
width: 33.33333333333333%;
Add small grid for phones and tablets
2013-04-03 04:40:43 +02:00
}
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
.col-xs-3 {
width: 25%;
Add small grid for phones and tablets
2013-04-03 04:40:43 +02:00
}
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
.col-xs-2 {
width: 16.666666666666664%;
Add small grid for phones and tablets
2013-04-03 04:40:43 +02:00
}
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
.col-xs-1 {
width: 8.333333333333332%;
Add small grid for phones and tablets
2013-04-03 04:40:43 +02:00
}
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666666666666%;
}
.col-xs-pull-10 {
right: 83.33333333333334%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666666666666%;
}
.col-xs-pull-7 {
right: 58.333333333333336%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666666666667%;
}
.col-xs-pull-4 {
right: 33.33333333333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.666666666666664%;
}
.col-xs-pull-1 {
right: 8.333333333333332%;
}
Fixes #11295: Restore offset, push, and pull zero classes (e.g., .col-md-offset-0)
2013-11-06 22:03:08 +01:00
.col-xs-pull-0 {
right: 0;
}
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666666666666%;
}
.col-xs-push-10 {
left: 83.33333333333334%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666666666666%;
}
.col-xs-push-7 {
left: 58.333333333333336%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666666666667%;
}
.col-xs-push-4 {
left: 33.33333333333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.666666666666664%;
}
.col-xs-push-1 {
left: 8.333333333333332%;
}
Fixes #11295: Restore offset, push, and pull zero classes (e.g., .col-md-offset-0)
2013-11-06 22:03:08 +01:00
.col-xs-push-0 {
left: 0;
}
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666666666666%;
}
.col-xs-offset-10 {
margin-left: 83.33333333333334%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666666666666%;
}
.col-xs-offset-7 {
margin-left: 58.333333333333336%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666666666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.666666666666664%;
}
.col-xs-offset-1 {
margin-left: 8.333333333333332%;
restore .col-*-12 classes for now
2013-06-04 06:51:35 +02:00
}
Fixes #11295: Restore offset, push, and pull zero classes (e.g., .col-md-offset-0)
2013-11-06 22:03:08 +01:00
.col-xs-offset-0 {
margin-left: 0;
}
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
Make on previous commits
2013-06-24 00:05:58 +02:00
float: left;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-12 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 100%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-11 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 91.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-10 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 83.33333333333334%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-9 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 75%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-8 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 66.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-7 {
fixes #8066: add missing % functions to grid less code
2013-06-03 20:58:38 +02:00
width: 58.333333333333336%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-6 {
fixes #8066: add missing % functions to grid less code
2013-06-03 20:58:38 +02:00
width: 50%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-5 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 41.66666666666667%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-4 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 33.33333333333333%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-3 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 25%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-2 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 16.666666666666664%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-1 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 8.333333333333332%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-pull-12 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 100%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-pull-11 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 91.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-pull-10 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 83.33333333333334%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-pull-9 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 75%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-pull-8 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 66.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-pull-7 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 58.333333333333336%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-pull-6 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 50%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-pull-5 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 41.66666666666667%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-pull-4 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 33.33333333333333%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-pull-3 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 25%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-pull-2 {
Grid updates - Removed mixins for generating grid classes - Thus, we manually declare every grid class, from 1-11 (12th unit is excluded as that's the same as no grid columns) - No more need for `.col` base class (yay!) - Negative indent the rows at tablets and above once again (ugh, still working through this part) - Add support for `.col-md` for tablet-specific grid columns - Still need to figure out offsets, pushes, and pulls on other devices—right now only available on desktop
2013-06-02 22:38:45 +02:00
right: 16.666666666666664%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-pull-1 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 8.333333333333332%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-pull-0 {
Fixes #11295: Restore offset, push, and pull zero classes (e.g., .col-md-offset-0)
2013-11-06 22:03:08 +01:00
right: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-push-12 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 100%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-push-11 {
Grid updates - Removed mixins for generating grid classes - Thus, we manually declare every grid class, from 1-11 (12th unit is excluded as that's the same as no grid columns) - No more need for `.col` base class (yay!) - Negative indent the rows at tablets and above once again (ugh, still working through this part) - Add support for `.col-md` for tablet-specific grid columns - Still need to figure out offsets, pushes, and pulls on other devices—right now only available on desktop
2013-06-02 22:38:45 +02:00
left: 91.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-push-10 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 83.33333333333334%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-push-9 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 75%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-push-8 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 66.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-push-7 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 58.333333333333336%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-push-6 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 50%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-push-5 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 41.66666666666667%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-push-4 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 33.33333333333333%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-push-3 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 25%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-push-2 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 16.666666666666664%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-push-1 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 8.333333333333332%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-push-0 {
Fixes #11295: Restore offset, push, and pull zero classes (e.g., .col-md-offset-0)
2013-11-06 22:03:08 +01:00
left: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-offset-12 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 100%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-offset-11 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 91.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-offset-10 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 83.33333333333334%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-offset-9 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 75%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-offset-8 {
Added classes for lg-pull, lg-push, lg-offset, sm-pull, sm-push, sm-offset
2013-08-01 17:49:16 +02:00
margin-left: 66.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-offset-7 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 58.333333333333336%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-offset-6 {
Added classes for lg-pull, lg-push, lg-offset, sm-pull, sm-push, sm-offset
2013-08-01 17:49:16 +02:00
margin-left: 50%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-offset-5 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 41.66666666666667%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-offset-4 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 33.33333333333333%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-offset-3 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 25%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-offset-2 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 16.666666666666664%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-offset-1 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 8.333333333333332%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-sm-offset-0 {
Fixes #11295: Restore offset, push, and pull zero classes (e.g., .col-md-offset-0)
2013-11-06 22:03:08 +01:00
margin-left: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Move the grid offset, push, and pull classes to be tablets-up instead of desktop-up
2013-06-03 00:33:42 +02:00
@media (min-width: 992px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
float: left;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-12 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 100%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-11 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 91.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-10 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 83.33333333333334%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-9 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 75%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-8 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 66.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-7 {
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
width: 58.333333333333336%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-6 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 50%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-5 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 41.66666666666667%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-4 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 33.33333333333333%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-3 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 25%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-2 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 16.666666666666664%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-1 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 8.333333333333332%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-pull-12 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 100%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-pull-11 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 91.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-pull-10 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 83.33333333333334%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-pull-9 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 75%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-pull-8 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 66.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-pull-7 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 58.333333333333336%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-pull-6 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 50%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-pull-5 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 41.66666666666667%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-pull-4 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 33.33333333333333%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-pull-3 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 25%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-pull-2 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 16.666666666666664%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-pull-1 {
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
right: 8.333333333333332%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-pull-0 {
Fixes #11295: Restore offset, push, and pull zero classes (e.g., .col-md-offset-0)
2013-11-06 22:03:08 +01:00
right: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-push-12 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 100%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-push-11 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 91.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-push-10 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 83.33333333333334%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-push-9 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 75%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-push-8 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 66.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-push-7 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 58.333333333333336%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-push-6 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 50%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-push-5 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 41.66666666666667%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-push-4 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 33.33333333333333%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-push-3 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 25%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-push-2 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 16.666666666666664%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-push-1 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 8.333333333333332%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-push-0 {
Fixes #11295: Restore offset, push, and pull zero classes (e.g., .col-md-offset-0)
2013-11-06 22:03:08 +01:00
left: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-offset-12 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 100%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-offset-11 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 91.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-offset-10 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 83.33333333333334%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-offset-9 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 75%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-offset-8 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 66.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-offset-7 {
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
margin-left: 58.333333333333336%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-offset-6 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 50%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-offset-5 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 41.66666666666667%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-offset-4 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 33.33333333333333%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-offset-3 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 25%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-offset-2 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 16.666666666666664%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-offset-1 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 8.333333333333332%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-md-offset-0 {
Fixes #11295: Restore offset, push, and pull zero classes (e.g., .col-md-offset-0)
2013-11-06 22:03:08 +01:00
margin-left: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
}
@media (min-width: 1200px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
Make on previous commits
2013-06-24 00:05:58 +02:00
float: left;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-12 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 100%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-11 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 91.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-10 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 83.33333333333334%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-9 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 75%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-8 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 66.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-7 {
Move the grid offset, push, and pull classes to be tablets-up instead of desktop-up
2013-06-03 00:33:42 +02:00
width: 58.333333333333336%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-6 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 50%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-5 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 41.66666666666667%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-4 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 33.33333333333333%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-3 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 25%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-2 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 16.666666666666664%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-1 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
width: 8.333333333333332%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-pull-12 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 100%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-pull-11 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 91.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-pull-10 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 83.33333333333334%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-pull-9 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 75%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-pull-8 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 66.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-pull-7 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 58.333333333333336%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-pull-6 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 50%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-pull-5 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 41.66666666666667%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-pull-4 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 33.33333333333333%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-pull-3 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 25%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-pull-2 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
right: 16.666666666666664%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-pull-1 {
Added classes for lg-pull, lg-push, lg-offset, sm-pull, sm-push, sm-offset
2013-08-01 17:49:16 +02:00
right: 8.333333333333332%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-pull-0 {
Fixes #11295: Restore offset, push, and pull zero classes (e.g., .col-md-offset-0)
2013-11-06 22:03:08 +01:00
right: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-push-12 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 100%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-push-11 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 91.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-push-10 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 83.33333333333334%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-push-9 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 75%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-push-8 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 66.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-push-7 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 58.333333333333336%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-push-6 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 50%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-push-5 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 41.66666666666667%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-push-4 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 33.33333333333333%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-push-3 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 25%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-push-2 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 16.666666666666664%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-push-1 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
left: 8.333333333333332%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-push-0 {
Fixes #11295: Restore offset, push, and pull zero classes (e.g., .col-md-offset-0)
2013-11-06 22:03:08 +01:00
left: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-offset-12 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 100%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-offset-11 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 91.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-offset-10 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 83.33333333333334%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-offset-9 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 75%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-offset-8 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 66.66666666666666%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-offset-7 {
Move grid offsets to desktop only (fixes #8229)
2013-06-24 00:15:42 +02:00
margin-left: 58.333333333333336%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-offset-6 {
Move grid offsets to desktop only (fixes #8229)
2013-06-24 00:15:42 +02:00
margin-left: 50%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-offset-5 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 41.66666666666667%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-offset-4 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 33.33333333333333%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-offset-3 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 25%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-offset-2 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 16.666666666666664%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-offset-1 {
Combine separate efforts for grid mixins into one, cleanup and reorganize
2013-10-12 07:00:37 +02:00
margin-left: 8.333333333333332%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.col-lg-offset-0 {
Fixes #11295: Restore offset, push, and pull zero classes (e.g., .col-md-offset-0)
2013-11-06 22:03:08 +01:00
margin-left: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Move the grid offset, push, and pull classes to be tablets-up instead of desktop-up
2013-06-03 00:33:42 +02:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
table {
max-width: 100%;
background-color: transparent;
}
th {
text-align: left;
}
.table {
width: 100%;
Font-size and line-height tweaks * Use 1.428 for line-height instead of 1.5 * Use function for full pixel values instead of decimals
2013-05-10 19:33:35 +02:00
margin-bottom: 20px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
use direct-child selector more in table styles to better support nested tables; fixes #10231
2013-08-28 02:13:07 +02:00
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
merge, compile
2013-12-09 07:11:46 +01:00
padding: 8px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
line-height: 1.428571429;
convert to jekyll
2013-02-12 21:16:32 +01:00
vertical-align: top;
merge, compile
2013-12-09 07:11:46 +01:00
border-top: 1px solid #ddd;
}
use direct-child selector more in table styles to better support nested tables; fixes #10231
2013-08-28 02:13:07 +02:00
.table > thead > tr > th {
convert to jekyll
2013-02-12 21:16:32 +01:00
vertical-align: bottom;
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom: 2px solid #ddd;
}
use direct-child selector more in table styles to better support nested tables; fixes #10231
2013-08-28 02:13:07 +02:00
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
convert to jekyll
2013-02-12 21:16:32 +01:00
border-top: 0;
}
use direct-child selector more in table styles to better support nested tables; fixes #10231
2013-08-28 02:13:07 +02:00
.table > tbody + tbody {
merge, compile
2013-12-09 07:11:46 +01:00
border-top: 2px solid #ddd;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.table .table {
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #fff;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
use direct-child selector more in table styles to better support nested tables; fixes #10231
2013-08-28 02:13:07 +02:00
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
fixes #8491: add vars for table padding
2013-07-18 08:34:04 +02:00
padding: 5px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.table-bordered {
merge, compile
2013-12-09 07:11:46 +01:00
border: 1px solid #ddd;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Scope .table-bordered styles to immediate children only
2013-05-03 23:56:57 +02:00
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
Add tfoot back (addresses more than #8387)
2013-07-05 21:15:00 +02:00
.table-bordered > tfoot > tr > th,
Scope .table-bordered styles to immediate children only
2013-05-03 23:56:57 +02:00
.table-bordered > thead > tr > td,
Add tfoot back (addresses more than #8387)
2013-07-05 21:15:00 +02:00
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
merge, compile
2013-12-09 07:11:46 +01:00
border: 1px solid #ddd;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
2px border on thead th elements for just a tad more separation
2013-08-17 23:15:33 +02:00
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
Fixes #7281: make tables super specific for hovers and striping to avoid nesting issues
2013-03-14 21:29:43 +01:00
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
convert to jekyll
2013-02-12 21:16:32 +01:00
background-color: #f9f9f9;
}
Fixes #7281: make tables super specific for hovers and striping to avoid nesting issues
2013-03-14 21:29:43 +01:00
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
convert to jekyll
2013-02-12 21:16:32 +01:00
background-color: #f5f5f5;
}
run grunt dist for #9864
2013-08-19 19:43:58 +02:00
table col[class*="col-"] {
Fixes #11623: Reset position to static for grid columns within tables to unfuck borders in IE9/10 and Firefox
2013-12-01 08:04:55 +01:00
position: static;
Fixes #6954: properly reset grid classes within tables
2013-03-01 07:47:32 +01:00
display: table-column;
float: none;
}
run grunt dist for #9864
2013-08-19 19:43:58 +02:00
table td[class*="col-"],
table th[class*="col-"] {
convert to jekyll
2013-02-12 21:16:32 +01:00
display: table-cell;
float: none;
}
reverted changes in commit 96109d3 which seemed to break conditional classes in striped tables (ignoring the comment above that the previous rules were needed for just this purpose) fixes issue twbs/bootstrap#11728
2013-12-06 15:11:58 +01:00
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
Fixes #8452: adds `.active` to table classes
2013-07-18 09:10:22 +02:00
background-color: #f5f5f5;
}
reverted changes in commit 96109d3 which seemed to break conditional classes in striped tables (ignoring the comment above that the previous rules were needed for just this purpose) fixes issue twbs/bootstrap#11728
2013-12-06 15:11:58 +01:00
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
Simplify table state styles
2013-11-07 09:53:33 +01:00
background-color: #e8e8e8;
}
reverted changes in commit 96109d3 which seemed to break conditional classes in striped tables (ignoring the comment above that the previous rules were needed for just this purpose) fixes issue twbs/bootstrap#11728
2013-12-06 15:11:58 +01:00
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
convert to jekyll
2013-02-12 21:16:32 +01:00
background-color: #dff0d8;
}
reverted changes in commit 96109d3 which seemed to break conditional classes in striped tables (ignoring the comment above that the previous rules were needed for just this purpose) fixes issue twbs/bootstrap#11728
2013-12-06 15:11:58 +01:00
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
Merge branch '3.0.0-wip' of https://github.com/jharbert/bootstrap into jharbert-3.0.0-wip Conflicts: dist/css/bootstrap.min.css
2013-08-15 00:19:57 +02:00
background-color: #d0e9c6;
}
Merge branch 'master' into pr/11750 Conflicts: dist/css/bootstrap.css dist/css/bootstrap.min.css
2013-12-08 10:45:42 +01:00
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
convert to jekyll
2013-02-12 21:16:32 +01:00
background-color: #fcf8e3;
}
Merge branch 'master' into pr/11750 Conflicts: dist/css/bootstrap.css dist/css/bootstrap.min.css
2013-12-08 10:45:42 +01:00
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
convert to jekyll
2013-02-12 21:16:32 +01:00
background-color: #faf2cc;
}
reverted changes in commit 96109d3 which seemed to break conditional classes in striped tables (ignoring the comment above that the previous rules were needed for just this purpose) fixes issue twbs/bootstrap#11728
2013-12-06 15:11:58 +01:00
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
convert to jekyll
2013-02-12 21:16:32 +01:00
background-color: #f2dede;
}
reverted changes in commit 96109d3 which seemed to break conditional classes in striped tables (ignoring the comment above that the previous rules were needed for just this purpose) fixes issue twbs/bootstrap#11728
2013-12-06 15:11:58 +01:00
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
Merge branch '3.0.0-wip' of https://github.com/jharbert/bootstrap into jharbert-3.0.0-wip Conflicts: dist/css/bootstrap.min.css
2013-08-15 00:19:57 +02:00
background-color: #ebcccc;
}
Merge branch 'master' into pr/11750 Conflicts: dist/css/bootstrap.css dist/css/bootstrap.min.css
2013-12-08 10:45:42 +01:00
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
Fixes #10884: Adds .info variant to contextual table classes
2013-12-07 20:56:35 +01:00
background-color: #d9edf7;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Merge branch 'master' into pr/11750 Conflicts: dist/css/bootstrap.css dist/css/bootstrap.min.css
2013-12-08 10:45:42 +01:00
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
Fixes #10884: Adds .info variant to contextual table classes
2013-12-07 20:56:35 +01:00
background-color: #c4e3f3;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
fix .table-responsive media query; refs #11067
2013-10-14 19:58:12 +02:00
@media (max-width: 767px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.table-responsive {
merge, compile
2013-12-09 07:11:46 +01:00
width: 100%;
margin-bottom: 15px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
overflow-x: scroll;
overflow-y: hidden;
grunt on previous ms scroll fix
2013-08-24 08:32:06 +02:00
-ms-overflow-style: -ms-autohiding-scrollbar;
merge, compile
2013-12-09 07:11:46 +01:00
border: 1px solid #ddd;
Added -webkit-overflow-scrolling: touch to responsive tables
2013-08-23 17:55:02 +02:00
-webkit-overflow-scrolling: touch;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.table-responsive > .table {
Add responsive tables with help of `.table-responsive` wrapper
2013-08-19 06:43:05 +02:00
margin-bottom: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.table-responsive > .table > thead > tr > th,
Add responsive tables with help of `.table-responsive` wrapper
2013-08-19 06:43:05 +02:00
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.table-responsive > .table-bordered {
Add responsive tables with help of `.table-responsive` wrapper
2013-08-19 06:43:05 +02:00
border: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
Add responsive tables with help of `.table-responsive` wrapper
2013-08-19 06:43:05 +02:00
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
Add responsive tables with help of `.table-responsive` wrapper
2013-08-19 06:43:05 +02:00
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
Add responsive tables with help of `.table-responsive` wrapper
2013-08-19 06:43:05 +02:00
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Add responsive tables with help of `.table-responsive` wrapper
2013-08-19 06:43:05 +02:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
fieldset {
merge, compile
2013-12-09 07:11:46 +01:00
padding: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
border: 0;
}
legend {
display: block;
width: 100%;
merge, compile
2013-12-09 07:11:46 +01:00
padding: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
merge, compile
2013-12-09 07:11:46 +01:00
color: #333;
convert to jekyll
2013-02-12 21:16:32 +01:00
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
margin-bottom: 5px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-weight: bold;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
IE8 doesn't need help with responsive images, they work just dandy apparently (see http://jsbin.com/idesit/1)
2013-04-14 08:17:39 +02:00
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
input[type="radio"],
input[type="checkbox"] {
merge, compile
2013-12-09 07:11:46 +01:00
margin: 4px 0 0;
margin-top: 1px \9;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
/* IE8-9 */
line-height: normal;
merge, compile
2013-12-09 07:11:46 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
input[type="file"] {
Update file input to remove height and line-height This particular form control is wildly inaccurate across browsers, so we're removing the `height` and `line-height`, but adding `display: block` so it renders similarly to our other inputs.
2013-07-21 06:09:03 +02:00
display: block;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
select[multiple],
select[size] {
height: auto;
}
Fixes #7611: fix optgroup formatting for Firefox
2013-05-20 07:06:10 +02:00
select optgroup {
font-family: inherit;
font-size: inherit;
font-style: inherit;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
run grunt after last merge
2013-11-28 21:34:42 +01:00
outline: thin dotted;
convert to jekyll
2013-02-12 21:16:32 +01:00
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
comma for the guardian angel /cc @cvrebert
2013-07-02 05:18:44 +02:00
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
Fixes #8350: unfuck Chrome number input element cursor /cc @cvrebert @eintnohick
2013-07-02 04:49:29 +02:00
height: auto;
}
fixes #9969: add support for output element
2013-08-24 09:14:09 +02:00
output {
display: block;
padding-top: 7px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 14px;
line-height: 1.428571429;
merge, compile
2013-12-09 07:11:46 +01:00
color: #555;
}
.form-control {
Refactor forms styles * Reorganize forms.less * Change from attribute selectors to `.form-control`. Few lines, less specific (meaning easier overrides as `element[type=""]` is more specific than a class), less intrusive, and more performant. * Add `.form-group` for basic spacing in vertical forms. * Remove (unnecessary?) `margin: 0;` from `form` element (as far as I can tell no browser sets that anyway).
2013-07-26 03:29:51 +02:00
display: block;
width: 100%;
Tighten up buttons and form controls * Smaller padding on buttons and large buttons * Same with inputs and large inputs * Remove about 10px from height of large inputs/buttons and 4px from regular ones Fixes #8707 and #8700. (Also relevant: #8711)
2013-08-03 00:09:48 +02:00
height: 34px;
padding: 6px 12px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 14px;
line-height: 1.428571429;
merge, compile
2013-12-09 07:11:46 +01:00
color: #555;
background-color: #fff;
background-image: none;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border: 1px solid #ccc;
border-radius: 4px;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
more closely align property order with recess
2013-12-09 07:55:09 +01:00
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
Refactor forms styles * Reorganize forms.less * Change from attribute selectors to `.form-control`. Few lines, less specific (meaning easier overrides as `element[type=""]` is more specific than a class), less intrusive, and more performant. * Add `.form-group` for basic spacing in vertical forms. * Remove (unnecessary?) `margin: 0;` from `form` element (as far as I can tell no browser sets that anyway).
2013-07-26 03:29:51 +02:00
}
.form-control:focus {
Enable input focus state customization - Add new mixin to generate and customize focus state as needed - Adds variable to set default color - Include clear disclaimer about customizing this—it's about users', so don't go making everything bright red and expect them not to be confused or alarmed. Relevant issues: #2742, #4185, #7942, #8171, #8610, #9044
2013-08-05 08:05:54 +02:00
border-color: #66afe9;
Refactor forms styles * Reorganize forms.less * Change from attribute selectors to `.form-control`. Few lines, less specific (meaning easier overrides as `element[type=""]` is more specific than a class), less intrusive, and more performant. * Add `.form-group` for basic spacing in vertical forms. * Remove (unnecessary?) `margin: 0;` from `form` element (as far as I can tell no browser sets that anyway).
2013-07-26 03:29:51 +02:00
outline: 0;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
Refactor forms styles * Reorganize forms.less * Change from attribute selectors to `.form-control`. Few lines, less specific (meaning easier overrides as `element[type=""]` is more specific than a class), less intrusive, and more performant. * Add `.form-group` for basic spacing in vertical forms. * Remove (unnecessary?) `margin: 0;` from `form` element (as far as I can tell no browser sets that anyway).
2013-07-26 03:29:51 +02:00
}
Use nesting for .placeholder()
2013-11-02 09:35:51 +01:00
.form-control:-moz-placeholder {
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
Use nesting for .placeholder()
2013-11-02 09:35:51 +01:00
}
.form-control::-moz-placeholder {
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
opacity: 1;
Use nesting for .placeholder()
2013-11-02 09:35:51 +01:00
}
.form-control:-ms-input-placeholder {
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
Use nesting for .placeholder()
2013-11-02 09:35:51 +01:00
}
.form-control::-webkit-input-placeholder {
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
Use nesting for .placeholder()
2013-11-02 09:35:51 +01:00
}
Refactor forms styles * Reorganize forms.less * Change from attribute selectors to `.form-control`. Few lines, less specific (meaning easier overrides as `element[type=""]` is more specific than a class), less intrusive, and more performant. * Add `.form-group` for basic spacing in vertical forms. * Remove (unnecessary?) `margin: 0;` from `form` element (as far as I can tell no browser sets that anyway).
2013-07-26 03:29:51 +02:00
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor: not-allowed;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #eee;
}
Refactor forms styles * Reorganize forms.less * Change from attribute selectors to `.form-control`. Few lines, less specific (meaning easier overrides as `element[type=""]` is more specific than a class), less intrusive, and more performant. * Add `.form-group` for basic spacing in vertical forms. * Remove (unnecessary?) `margin: 0;` from `form` element (as far as I can tell no browser sets that anyway).
2013-07-26 03:29:51 +02:00
textarea.form-control {
height: auto;
}
Fixes #11266: Apply a pixel-based line-height to date inputs for iOS 7
2013-12-16 00:27:46 +01:00
input[type="date"] {
line-height: 34px;
}
Refactor forms styles * Reorganize forms.less * Change from attribute selectors to `.form-control`. Few lines, less specific (meaning easier overrides as `element[type=""]` is more specific than a class), less intrusive, and more performant. * Add `.form-group` for basic spacing in vertical forms. * Remove (unnecessary?) `margin: 0;` from `form` element (as far as I can tell no browser sets that anyway).
2013-07-26 03:29:51 +02:00
.form-group {
margin-bottom: 15px;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.radio,
.checkbox {
display: block;
Font-size and line-height tweaks * Use 1.428 for line-height instead of 1.5 * Use function for full pixel values instead of decimals
2013-05-10 19:33:35 +02:00
min-height: 20px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
padding-left: 20px;
More forms overhaul * Refactor the .forms-horizontal code--much simpler now and built on the Bootstrap grid system instead * Remove all the margins on form controls for simpler styling everywhere else--was overriding that way too often * Drop .help-inline, but keep .help-block * Drop the unused input grid class overrides
2013-05-10 00:05:06 +02:00
margin-top: 10px;
convert to jekyll
2013-02-12 21:16:32 +01:00
margin-bottom: 10px;
}
.radio label,
.checkbox label {
merge, compile
2013-12-09 07:11:46 +01:00
display: inline;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-weight: normal;
Add cursor: pointer; to .checkbox and .radio and their inline counterparts
2013-05-03 20:56:00 +02:00
cursor: pointer;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
float: left;
margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
display: inline-block;
merge, compile
2013-12-09 07:11:46 +01:00
padding-left: 20px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-bottom: 0;
font-weight: normal;
merge, compile
2013-12-09 07:11:46 +01:00
vertical-align: middle;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
cursor: pointer;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
Add to #9578 and fix #9614: use cursor not-allowed on radios and checkboxes
2013-08-15 20:52:22 +02:00
input[type="radio"][disabled],
input[type="checkbox"][disabled],
fixes #9511; set cursor:not-allowed for disabled buttons,checkboxes,radios
2013-08-15 03:20:28 +02:00
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
Add to #9578 and fix #9614: use cursor not-allowed on radios and checkboxes
2013-08-15 20:52:22 +02:00
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fixes #9511; set cursor:not-allowed for disabled buttons,checkboxes,radios
2013-08-15 03:20:28 +02:00
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
Merge branch '3.0.0-wip' into bs3_drop_accordion_for_panel Conflicts: dist/css/bootstrap.min.css
2013-08-13 19:36:38 +02:00
.input-sm {
merge, compile
2013-12-09 07:11:46 +01:00
height: 30px;
padding: 5px 10px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 12px;
line-height: 1.5;
grunt dist on prev forms change
2013-08-13 23:56:58 +02:00
border-radius: 3px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Merge branch '3.0.0-wip' into bs3_drop_accordion_for_panel Conflicts: dist/css/bootstrap.min.css
2013-08-13 19:36:38 +02:00
select.input-sm {
merge, compile
2013-12-09 07:11:46 +01:00
height: 30px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
line-height: 30px;
merge, compile
2013-12-09 07:11:46 +01:00
}
Merge branch '3.0.0-wip' into bs3_drop_accordion_for_panel Conflicts: dist/css/bootstrap.min.css
2013-08-13 19:36:38 +02:00
textarea.input-sm {
height: auto;
}
.input-lg {
merge, compile
2013-12-09 07:11:46 +01:00
height: 46px;
padding: 10px 16px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 18px;
line-height: 1.33;
grunt dist on prev forms change
2013-08-13 23:56:58 +02:00
border-radius: 6px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Greater standardization of sizing terminology In class names: * large => lg * small => sm * mini => xs ("Extra small") In screen size categories: * Tiny => Extra small
2013-08-04 06:39:57 +02:00
select.input-lg {
merge, compile
2013-12-09 07:11:46 +01:00
height: 46px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
line-height: 46px;
merge, compile
2013-12-09 07:11:46 +01:00
}
Merge branch '3.0.0-wip' into bs3_drop_accordion_for_panel Conflicts: dist/css/bootstrap.min.css
2013-08-13 19:36:38 +02:00
textarea.input-lg {
Refactor .input-* sizing a bit by not chaining to .form-control (fixes #8672)
2013-07-30 02:30:36 +02:00
height: auto;
}
Add new form feedback states, clean up existing form styles New stuff: * Adds `.has-feedback` and `.form-control-feedback` to show icon-based form feedback to users. Fixes #11836. * Removes the `width: 1em` on `.glyphicon` because it makes it impractical to resize the width of all icons, even if they’re not “empty” (e.g., a simple `.glyphicon { width: 30px; }` wouldn’t work, nor would a class preceeded by a parent class. Clean up: * Sets `width: auto;` on all `.form-control`s within inline forms. * Removes all the inline `select` menu `width` styles because all inputs are now `auto`. * Update form states docs to separate out sections better.
2013-12-16 02:15:09 +01:00
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.has-feedback .form-control-feedback {
position: absolute;
top: 25px;
right: 0;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
}
fixes #8068: add .help-block to form field state mixin
2013-07-02 03:21:19 +02:00
.has-warning .help-block,
Fixes #10522: Enable use of form validation class on .radio, .checkbox, .radio-inline, and .checkbox-inline
2013-10-21 04:54:22 +02:00
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
color: #8a6d3b;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Update form validation states * Once again no longer applies to single inputs (this is a bit simpler, but I'm open to new ideas) but the entire set of inputs, labels, and help text within a particular element. However, the styles are not too dependent on markup or layout, so they're super flexible. * Simplified the markup in the validation docs examples to match latest changes. * Renamed `.form-state-validation` mixin to `.form-control-validation` to match naming of prev commit.
2013-07-26 04:45:14 +02:00
.has-warning .form-control {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
border-color: #8a6d3b;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Update form validation states * Once again no longer applies to single inputs (this is a bit simpler, but I'm open to new ideas) but the entire set of inputs, labels, and help text within a particular element. However, the styles are not too dependent on markup or layout, so they're super flexible. * Simplified the markup in the validation docs examples to match latest changes. * Renamed `.form-state-validation` mixin to `.form-control-validation` to match naming of prev commit.
2013-07-26 04:45:14 +02:00
.has-warning .form-control:focus {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
border-color: #66512c;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Set validation states also for addons
2013-06-05 22:14:58 +02:00
.has-warning .input-group-addon {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
color: #8a6d3b;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #fcf8e3;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #8a6d3b;
Set validation states also for addons
2013-06-05 22:14:58 +02:00
}
Add new form feedback states, clean up existing form styles New stuff: * Adds `.has-feedback` and `.form-control-feedback` to show icon-based form feedback to users. Fixes #11836. * Removes the `width: 1em` on `.glyphicon` because it makes it impractical to resize the width of all icons, even if they’re not “empty” (e.g., a simple `.glyphicon { width: 30px; }` wouldn’t work, nor would a class preceeded by a parent class. Clean up: * Sets `width: auto;` on all `.form-control`s within inline forms. * Removes all the inline `select` menu `width` styles because all inputs are now `auto`. * Update form states docs to separate out sections better.
2013-12-16 02:15:09 +01:00
.has-warning .form-control-feedback {
color: #8a6d3b;
}
fixes #8068: add .help-block to form field state mixin
2013-07-02 03:21:19 +02:00
.has-error .help-block,
Fixes #10522: Enable use of form validation class on .radio, .checkbox, .radio-inline, and .checkbox-inline
2013-10-21 04:54:22 +02:00
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
color: #a94442;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Update form validation states * Once again no longer applies to single inputs (this is a bit simpler, but I'm open to new ideas) but the entire set of inputs, labels, and help text within a particular element. However, the styles are not too dependent on markup or layout, so they're super flexible. * Simplified the markup in the validation docs examples to match latest changes. * Renamed `.form-state-validation` mixin to `.form-control-validation` to match naming of prev commit.
2013-07-26 04:45:14 +02:00
.has-error .form-control {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
border-color: #a94442;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Update form validation states * Once again no longer applies to single inputs (this is a bit simpler, but I'm open to new ideas) but the entire set of inputs, labels, and help text within a particular element. However, the styles are not too dependent on markup or layout, so they're super flexible. * Simplified the markup in the validation docs examples to match latest changes. * Renamed `.form-state-validation` mixin to `.form-control-validation` to match naming of prev commit.
2013-07-26 04:45:14 +02:00
.has-error .form-control:focus {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
border-color: #843534;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Set validation states also for addons
2013-06-05 22:14:58 +02:00
.has-error .input-group-addon {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
color: #a94442;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #f2dede;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #a94442;
Set validation states also for addons
2013-06-05 22:14:58 +02:00
}
Add new form feedback states, clean up existing form styles New stuff: * Adds `.has-feedback` and `.form-control-feedback` to show icon-based form feedback to users. Fixes #11836. * Removes the `width: 1em` on `.glyphicon` because it makes it impractical to resize the width of all icons, even if they’re not “empty” (e.g., a simple `.glyphicon { width: 30px; }` wouldn’t work, nor would a class preceeded by a parent class. Clean up: * Sets `width: auto;` on all `.form-control`s within inline forms. * Removes all the inline `select` menu `width` styles because all inputs are now `auto`. * Update form states docs to separate out sections better.
2013-12-16 02:15:09 +01:00
.has-error .form-control-feedback {
color: #a94442;
}
fixes #8068: add .help-block to form field state mixin
2013-07-02 03:21:19 +02:00
.has-success .help-block,
Fixes #10522: Enable use of form validation class on .radio, .checkbox, .radio-inline, and .checkbox-inline
2013-10-21 04:54:22 +02:00
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
color: #3c763d;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Update form validation states * Once again no longer applies to single inputs (this is a bit simpler, but I'm open to new ideas) but the entire set of inputs, labels, and help text within a particular element. However, the styles are not too dependent on markup or layout, so they're super flexible. * Simplified the markup in the validation docs examples to match latest changes. * Renamed `.form-state-validation` mixin to `.form-control-validation` to match naming of prev commit.
2013-07-26 04:45:14 +02:00
.has-success .form-control {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
border-color: #3c763d;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Update form validation states * Once again no longer applies to single inputs (this is a bit simpler, but I'm open to new ideas) but the entire set of inputs, labels, and help text within a particular element. However, the styles are not too dependent on markup or layout, so they're super flexible. * Simplified the markup in the validation docs examples to match latest changes. * Renamed `.form-state-validation` mixin to `.form-control-validation` to match naming of prev commit.
2013-07-26 04:45:14 +02:00
.has-success .form-control:focus {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
border-color: #2b542c;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Set validation states also for addons
2013-06-05 22:14:58 +02:00
.has-success .input-group-addon {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
color: #3c763d;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #dff0d8;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #3c763d;
Set validation states also for addons
2013-06-05 22:14:58 +02:00
}
Add new form feedback states, clean up existing form styles New stuff: * Adds `.has-feedback` and `.form-control-feedback` to show icon-based form feedback to users. Fixes #11836. * Removes the `width: 1em` on `.glyphicon` because it makes it impractical to resize the width of all icons, even if they’re not “empty” (e.g., a simple `.glyphicon { width: 30px; }` wouldn’t work, nor would a class preceeded by a parent class. Clean up: * Sets `width: auto;` on all `.form-control`s within inline forms. * Removes all the inline `select` menu `width` styles because all inputs are now `auto`. * Update form states docs to separate out sections better.
2013-12-16 02:15:09 +01:00
.has-success .form-control-feedback {
color: #3c763d;
}
Fixes #8150: add `.static-form-control` for vertical alignment of static form text - Also fixes the vertical alignment of labels in horizontal layouts on account of the recent button and input padding changes - Also changes the vertical alignment of the checkboxes and radios in horizontal forms
2013-08-05 21:17:09 +02:00
.form-control-static {
Merge branch 'pullright' of https://github.com/liuyl/bootstrap into liuyl-pullright Conflicts: dist/css/bootstrap.min.css
2013-08-05 21:20:52 +02:00
margin-bottom: 0;
Fixes #8150: add `.static-form-control` for vertical alignment of static form text - Also fixes the vertical alignment of labels in horizontal layouts on account of the recent button and input padding changes - Also changes the vertical alignment of the checkboxes and radios in horizontal forms
2013-08-05 21:17:09 +02:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.help-block {
display: block;
More forms overhaul * Refactor the .forms-horizontal code--much simpler now and built on the Bootstrap grid system instead * Remove all the margins on form controls for simpler styling everywhere else--was overriding that way too often * Drop .help-inline, but keep .help-block * Drop the unused input grid class overrides
2013-05-10 00:05:06 +02:00
margin-top: 5px;
convert to jekyll
2013-02-12 21:16:32 +01:00
margin-bottom: 10px;
More forms overhaul * Refactor the .forms-horizontal code--much simpler now and built on the Bootstrap grid system instead * Remove all the margins on form controls for simpler styling everywhere else--was overriding that way too often * Drop .help-inline, but keep .help-block * Drop the unused input grid class overrides
2013-05-10 00:05:06 +02:00
color: #737373;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
fixes #9382: inline forms now require use of .form-group for proper alignment of all form controls
2013-08-12 20:07:23 +02:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.form-inline .form-group {
fixes #9382: inline forms now require use of .form-group for proper alignment of all form controls
2013-08-12 20:07:23 +02:00
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.form-inline .form-control {
fix navbar form alignment of inputs by restoring inline-block
2013-08-13 01:09:21 +02:00
display: inline-block;
Fixes #11402: Set width: auto; to select.form-control within .form-inline
2013-12-01 00:57:25 +01:00
width: auto;
Add new form feedback states, clean up existing form styles New stuff: * Adds `.has-feedback` and `.form-control-feedback` to show icon-based form feedback to users. Fixes #11836. * Removes the `width: 1em` on `.glyphicon` because it makes it impractical to resize the width of all icons, even if they’re not “empty” (e.g., a simple `.glyphicon { width: 30px; }` wouldn’t work, nor would a class preceeded by a parent class. Clean up: * Sets `width: auto;` on all `.form-control`s within inline forms. * Removes all the inline `select` menu `width` styles because all inputs are now `auto`. * Update form states docs to separate out sections better.
2013-12-16 02:15:09 +01:00
vertical-align: middle;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Add new form feedback states, clean up existing form styles New stuff: * Adds `.has-feedback` and `.form-control-feedback` to show icon-based form feedback to users. Fixes #11836. * Removes the `width: 1em` on `.glyphicon` because it makes it impractical to resize the width of all icons, even if they’re not “empty” (e.g., a simple `.glyphicon { width: 30px; }` wouldn’t work, nor would a class preceeded by a parent class. Clean up: * Sets `width: auto;` on all `.form-control`s within inline forms. * Removes all the inline `select` menu `width` styles because all inputs are now `auto`. * Update form states docs to separate out sections better.
2013-12-16 02:15:09 +01:00
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
Fixes #11402: Updated fix for select.form-control width in inline-forms
2013-12-15 23:52:49 +01:00
}
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.form-inline .radio,
fixes #9382: inline forms now require use of .form-group for proper alignment of all form controls
2013-08-12 20:07:23 +02:00
.form-inline .checkbox {
display: inline-block;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
padding-left: 0;
fixes #9382: inline forms now require use of .form-group for proper alignment of all form controls
2013-08-12 20:07:23 +02:00
margin-top: 0;
margin-bottom: 0;
add vertical-align back to where it's necessary since we reset from block to inline-block on several inputs
2013-12-08 10:59:44 +01:00
vertical-align: middle;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.form-inline .radio input[type="radio"],
fixes #9382: inline forms now require use of .form-group for proper alignment of all form controls
2013-08-12 20:07:23 +02:00
.form-inline .checkbox input[type="checkbox"] {
float: none;
margin-left: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Add new form feedback states, clean up existing form styles New stuff: * Adds `.has-feedback` and `.form-control-feedback` to show icon-based form feedback to users. Fixes #11836. * Removes the `width: 1em` on `.glyphicon` because it makes it impractical to resize the width of all icons, even if they’re not “empty” (e.g., a simple `.glyphicon { width: 30px; }` wouldn’t work, nor would a class preceeded by a parent class. Clean up: * Sets `width: auto;` on all `.form-control`s within inline forms. * Removes all the inline `select` menu `width` styles because all inputs are now `auto`. * Update form states docs to separate out sections better.
2013-12-16 02:15:09 +01:00
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
Fixes #8795, a reoccurence of #1969
2013-08-05 20:47:12 +02:00
}
move form layouts from input groups back to forms (messed this up in b281ad64096d919145159ffbc4e1a5b284708d9b)
2013-08-03 03:48:44 +02:00
.form-horizontal .control-label,
fixes #9798: update spacing on checkboxes and radios for horizontal
2013-08-19 00:41:24 +02:00
.form-horizontal .radio,
.form-horizontal .checkbox,
move form layouts from input groups back to forms (messed this up in b281ad64096d919145159ffbc4e1a5b284708d9b)
2013-08-03 03:48:44 +02:00
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
padding-top: 7px;
fixes #9798: update spacing on checkboxes and radios for horizontal
2013-08-19 00:41:24 +02:00
margin-top: 0;
margin-bottom: 0;
move form layouts from input groups back to forms (messed this up in b281ad64096d919145159ffbc4e1a5b284708d9b)
2013-08-03 03:48:44 +02:00
}
Fixes #11658: Increase min-height of .radio and .checkbox for horizontal forms to ensure alignment of content below
2013-12-01 08:17:43 +01:00
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
Make negative margins on rows the default, not just in containers, and add padding to body to compensate
2013-08-17 00:16:03 +02:00
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
scope top padding of .form-control-static to be within horizontal forms only; fixes #10927
2013-10-14 05:02:24 +02:00
.form-horizontal .form-control-static {
padding-top: 7px;
}
move form layouts from input groups back to forms (messed this up in b281ad64096d919145159ffbc4e1a5b284708d9b)
2013-08-03 03:48:44 +02:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.form-horizontal .control-label {
move form layouts from input groups back to forms (messed this up in b281ad64096d919145159ffbc4e1a5b284708d9b)
2013-08-03 03:48:44 +02:00
text-align: right;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
move form layouts from input groups back to forms (messed this up in b281ad64096d919145159ffbc4e1a5b284708d9b)
2013-08-03 03:48:44 +02:00
}
Add new form feedback states, clean up existing form styles New stuff: * Adds `.has-feedback` and `.form-control-feedback` to show icon-based form feedback to users. Fixes #11836. * Removes the `width: 1em` on `.glyphicon` because it makes it impractical to resize the width of all icons, even if they’re not “empty” (e.g., a simple `.glyphicon { width: 30px; }` wouldn’t work, nor would a class preceeded by a parent class. Clean up: * Sets `width: auto;` on all `.form-control`s within inline forms. * Removes all the inline `select` menu `width` styles because all inputs are now `auto`. * Update form states docs to separate out sections better.
2013-12-16 02:15:09 +01:00
.form-horizontal .has-feedback .form-control-feedback {
top: 0;
right: 15px;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.btn {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
display: inline-block;
padding: 6px 12px;
-o-user-select: none;
margin-bottom: 0;
restore px unit on @font-size-base
2013-03-31 21:00:04 +02:00
font-size: 14px;
fixes #9768: unbold buttons
2013-08-18 20:11:31 +02:00
font-weight: normal;
Overhaul form control and button sizing, and some type styles * New padding approach with separate horizontal and vertical padding variables * Improved sizing in large and small buttons and form controls * Dropped the `.btn-mini` (since we have no `.input-mini` to match, and holy fuck those were small buttons) * Dropped the `.pagination-mini` as well because once again, to hell with such small components * Changed `@line-height-headings` to `@headings-line-height` * Removed the `@headings-font-family` because it was honestly kind of useless
2013-05-15 08:21:30 +02:00
line-height: 1.428571429;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
text-align: center;
white-space: nowrap;
vertical-align: middle;
convert to jekyll
2013-02-12 21:16:32 +01:00
cursor: pointer;
buttons
2013-07-29 08:09:41 +02:00
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
background-image: none;
merge, compile
2013-12-09 07:11:46 +01:00
border: 1px solid transparent;
border-radius: 4px;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.btn:focus {
run grunt after last merge
2013-11-28 21:34:42 +01:00
outline: thin dotted;
convert to jekyll
2013-02-12 21:16:32 +01:00
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #333;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
text-decoration: none;
merge, compile
2013-12-09 07:11:46 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.btn:active,
.btn.active {
merge, compile
2013-12-09 07:11:46 +01:00
background-image: none;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
outline: 0;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
merge, compile
2013-12-09 07:11:46 +01:00
pointer-events: none;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
cursor: not-allowed;
merge, compile
2013-12-09 07:11:46 +01:00
opacity: .65;
convert to jekyll
2013-02-12 21:16:32 +01:00
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
Require .btn-default for regular buttons * Instead of , use for standard, gray button * Improves ability to customize buttons by encouraging folks to not override .btn and thus overriding all button modifier classes * Updates docs to reflect the change * Reorganize buttons CSS
2013-05-08 03:07:06 +02:00
.btn-default {
merge, compile
2013-12-09 07:11:46 +01:00
color: #333;
background-color: #fff;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #ccc;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Require .btn-default for regular buttons * Instead of , use for standard, gray button * Improves ability to customize buttons by encouraging folks to not override .btn and thus overriding all button modifier classes * Updates docs to reflect the change * Reorganize buttons CSS
2013-05-08 03:07:06 +02:00
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
fixes #9647: ensure open dropdown toggles get .active styles
2013-08-16 00:16:46 +02:00
.btn-default.active,
.open .dropdown-toggle.btn-default {
merge, compile
2013-12-09 07:11:46 +01:00
color: #333;
background-color: #ebebeb;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #adadad;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
nuke bg image on active/open for buttons for when we add gradients
2013-08-16 01:17:44 +02:00
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
background-image: none;
}
run make on last commit
2013-06-28 05:18:16 +02:00
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
Require .btn-default for regular buttons * Instead of , use for standard, gray button * Improves ability to customize buttons by encouraging folks to not override .btn and thus overriding all button modifier classes * Updates docs to reflect the change * Reorganize buttons CSS
2013-05-08 03:07:06 +02:00
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #fff;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #ccc;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Fixes #11268: Account for badges within buttons by matching background to text color and text color to background
2013-12-01 01:29:52 +01:00
.btn-default .badge {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
background-color: #333;
Fixes #11268: Account for badges within buttons by matching background to text color and text color to background
2013-12-01 01:29:52 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.btn-primary {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
background-color: #428bca;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #357ebd;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.btn-primary:hover,
.btn-primary:focus,
Use form elements in checkbox and radio button groups * Uses .btn on label elements with nested checkbox and radio controls within * Updated examples to reflect change in HTML and CSS * Had to add .active all buttons for proper state highlighting (mimicing the :active pseudo state) * Still needs JavaScript plugin updated by @fat
2013-03-16 20:34:07 +01:00
.btn-primary:active,
fixes #9647: ensure open dropdown toggles get .active styles
2013-08-16 00:16:46 +02:00
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
background-color: #3276b1;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #285e8e;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
nuke bg image on active/open for buttons for when we add gradients
2013-08-16 01:17:44 +02:00
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-image: none;
}
run make on last commit
2013-06-28 05:18:16 +02:00
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
convert to jekyll
2013-02-12 21:16:32 +01:00
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
Use form elements in checkbox and radio button groups * Uses .btn on label elements with nested checkbox and radio controls within * Updated examples to reflect change in HTML and CSS * Had to add .active all buttons for proper state highlighting (mimicing the :active pseudo state) * Still needs JavaScript plugin updated by @fat
2013-03-16 20:34:07 +01:00
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #428bca;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #357ebd;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Fixes #11268: Account for badges within buttons by matching background to text color and text color to background
2013-12-01 01:29:52 +01:00
.btn-primary .badge {
color: #428bca;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #fff;
Fixes #11268: Account for badges within buttons by matching background to text color and text color to background
2013-12-01 01:29:52 +01:00
}
Reorder button and table variants for consistent order
2013-12-07 20:47:37 +01:00
.btn-success {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
background-color: #5cb85c;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #4cae4c;
Reorder button and table variants for consistent order
2013-12-07 20:47:37 +01:00
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
background-color: #47a447;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #398439;
Reorder button and table variants for consistent order
2013-12-07 20:47:37 +01:00
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #5cb85c;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #4cae4c;
Reorder button and table variants for consistent order
2013-12-07 20:47:37 +01:00
}
.btn-success .badge {
color: #5cb85c;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #fff;
Fixes #11268: Account for badges within buttons by matching background to text color and text color to background
2013-12-01 01:29:52 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.btn-warning {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
background-color: #f0ad4e;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #eea236;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.btn-warning:hover,
.btn-warning:focus,
Use form elements in checkbox and radio button groups * Uses .btn on label elements with nested checkbox and radio controls within * Updated examples to reflect change in HTML and CSS * Had to add .active all buttons for proper state highlighting (mimicing the :active pseudo state) * Still needs JavaScript plugin updated by @fat
2013-03-16 20:34:07 +01:00
.btn-warning:active,
fixes #9647: ensure open dropdown toggles get .active styles
2013-08-16 00:16:46 +02:00
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
background-color: #ed9c28;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #d58512;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
nuke bg image on active/open for buttons for when we add gradients
2013-08-16 01:17:44 +02:00
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
background-image: none;
}
run make on last commit
2013-06-28 05:18:16 +02:00
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
convert to jekyll
2013-02-12 21:16:32 +01:00
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
Use form elements in checkbox and radio button groups * Uses .btn on label elements with nested checkbox and radio controls within * Updated examples to reflect change in HTML and CSS * Had to add .active all buttons for proper state highlighting (mimicing the :active pseudo state) * Still needs JavaScript plugin updated by @fat
2013-03-16 20:34:07 +01:00
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #f0ad4e;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #eea236;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Fixes #11268: Account for badges within buttons by matching background to text color and text color to background
2013-12-01 01:29:52 +01:00
.btn-warning .badge {
color: #f0ad4e;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #fff;
Fixes #11268: Account for badges within buttons by matching background to text color and text color to background
2013-12-01 01:29:52 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.btn-danger {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
background-color: #d9534f;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #d43f3a;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.btn-danger:hover,
.btn-danger:focus,
Use form elements in checkbox and radio button groups * Uses .btn on label elements with nested checkbox and radio controls within * Updated examples to reflect change in HTML and CSS * Had to add .active all buttons for proper state highlighting (mimicing the :active pseudo state) * Still needs JavaScript plugin updated by @fat
2013-03-16 20:34:07 +01:00
.btn-danger:active,
fixes #9647: ensure open dropdown toggles get .active styles
2013-08-16 00:16:46 +02:00
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
background-color: #d2322d;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #ac2925;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
nuke bg image on active/open for buttons for when we add gradients
2013-08-16 01:17:44 +02:00
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
background-image: none;
}
run make on last commit
2013-06-28 05:18:16 +02:00
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
convert to jekyll
2013-02-12 21:16:32 +01:00
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
Use form elements in checkbox and radio button groups * Uses .btn on label elements with nested checkbox and radio controls within * Updated examples to reflect change in HTML and CSS * Had to add .active all buttons for proper state highlighting (mimicing the :active pseudo state) * Still needs JavaScript plugin updated by @fat
2013-03-16 20:34:07 +01:00
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #d9534f;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #d43f3a;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Fixes #11268: Account for badges within buttons by matching background to text color and text color to background
2013-12-01 01:29:52 +01:00
.btn-danger .badge {
color: #d9534f;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #fff;
Fixes #11268: Account for badges within buttons by matching background to text color and text color to background
2013-12-01 01:29:52 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.btn-info {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
background-color: #5bc0de;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #46b8da;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.btn-info:hover,
.btn-info:focus,
Use form elements in checkbox and radio button groups * Uses .btn on label elements with nested checkbox and radio controls within * Updated examples to reflect change in HTML and CSS * Had to add .active all buttons for proper state highlighting (mimicing the :active pseudo state) * Still needs JavaScript plugin updated by @fat
2013-03-16 20:34:07 +01:00
.btn-info:active,
fixes #9647: ensure open dropdown toggles get .active styles
2013-08-16 00:16:46 +02:00
.btn-info.active,
.open .dropdown-toggle.btn-info {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
background-color: #39b3d7;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #269abc;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
nuke bg image on active/open for buttons for when we add gradients
2013-08-16 01:17:44 +02:00
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
background-image: none;
}
run make on last commit
2013-06-28 05:18:16 +02:00
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
convert to jekyll
2013-02-12 21:16:32 +01:00
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
Use form elements in checkbox and radio button groups * Uses .btn on label elements with nested checkbox and radio controls within * Updated examples to reflect change in HTML and CSS * Had to add .active all buttons for proper state highlighting (mimicing the :active pseudo state) * Still needs JavaScript plugin updated by @fat
2013-03-16 20:34:07 +01:00
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #5bc0de;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #46b8da;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Fixes #11268: Account for badges within buttons by matching background to text color and text color to background
2013-12-01 01:29:52 +01:00
.btn-info .badge {
color: #5bc0de;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #fff;
Fixes #11268: Account for badges within buttons by matching background to text color and text color to background
2013-12-01 01:29:52 +01:00
}
more nesting in buttons.less
2013-07-07 07:13:37 +02:00
.btn-link {
font-weight: normal;
merge, compile
2013-12-09 07:11:46 +01:00
color: #428bca;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
cursor: pointer;
more nesting in buttons.less
2013-07-07 07:13:37 +02:00
border-radius: 0;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #2a6496;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
text-decoration: underline;
convert to jekyll
2013-02-12 21:16:32 +01:00
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
text-decoration: none;
merge, compile
2013-12-09 07:11:46 +01:00
}
Greater standardization of sizing terminology In class names: * large => lg * small => sm * mini => xs ("Extra small") In screen size categories: * Tiny => Extra small
2013-08-04 06:39:57 +02:00
.btn-lg {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
padding: 10px 16px;
Font-size and line-height tweaks * Use 1.428 for line-height instead of 1.5 * Use function for full pixel values instead of decimals
2013-05-10 19:33:35 +02:00
font-size: 18px;
Tighten up buttons and form controls * Smaller padding on buttons and large buttons * Same with inputs and large inputs * Remove about 10px from height of large inputs/buttons and 4px from regular ones Fixes #8707 and #8700. (Also relevant: #8711)
2013-08-03 00:09:48 +02:00
line-height: 1.33;
Require .btn-default for regular buttons * Instead of , use for standard, gray button * Improves ability to customize buttons by encouraging folks to not override .btn and thus overriding all button modifier classes * Updates docs to reflect the change * Reorganize buttons CSS
2013-05-08 03:07:06 +02:00
border-radius: 6px;
}
fix .btn-group-xs portion of #10979
2013-12-04 03:03:04 +01:00
.btn-sm {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
padding: 5px 10px;
Font-size and line-height tweaks * Use 1.428 for line-height instead of 1.5 * Use function for full pixel values instead of decimals
2013-05-10 19:33:35 +02:00
font-size: 12px;
Overhaul form control and button sizing, and some type styles * New padding approach with separate horizontal and vertical padding variables * Improved sizing in large and small buttons and form controls * Dropped the `.btn-mini` (since we have no `.input-mini` to match, and holy fuck those were small buttons) * Dropped the `.pagination-mini` as well because once again, to hell with such small components * Changed `@line-height-headings` to `@headings-line-height` * Removed the `@headings-font-family` because it was honestly kind of useless
2013-05-15 08:21:30 +02:00
line-height: 1.5;
Require .btn-default for regular buttons * Instead of , use for standard, gray button * Improves ability to customize buttons by encouraging folks to not override .btn and thus overriding all button modifier classes * Updates docs to reflect the change * Reorganize buttons CSS
2013-05-08 03:07:06 +02:00
border-radius: 3px;
}
Greater standardization of sizing terminology In class names: * large => lg * small => sm * mini => xs ("Extra small") In screen size categories: * Tiny => Extra small
2013-08-04 06:39:57 +02:00
.btn-xs {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
padding: 1px 5px;
fix .btn-group-xs portion of #10979
2013-12-04 03:03:04 +01:00
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
Restore mini button (fixes #8644)
2013-07-30 02:08:04 +02:00
}
Require .btn-default for regular buttons * Instead of , use for standard, gray button * Improves ability to customize buttons by encouraging folks to not override .btn and thus overriding all button modifier classes * Updates docs to reflect the change * Reorganize buttons CSS
2013-05-08 03:07:06 +02:00
.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.fade {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
opacity: 0;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.fade.in {
opacity: 1;
}
.collapse {
change how collapse works - collapse, collapsing, and in
2013-07-27 05:34:39 +02:00
display: none;
}
.collapse.in {
display: block;
}
.collapsing {
convert to jekyll
2013-02-12 21:16:32 +01:00
position: relative;
merge, compile
2013-12-09 07:11:46 +01:00
height: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
overflow: hidden;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-transition: height .35s ease;
transition: height .35s ease;
}
Restore glyphicons
2013-08-18 09:36:51 +02:00
@font-face {
font-family: 'Glyphicons Halflings';
Upgrade to latest glyphicons
2013-08-18 10:46:26 +02:00
src: url('../fonts/glyphicons-halflings-regular.eot');
Fixes #10941: Fix Glyphicons path for those importing bootstrap.less from another directory
2013-12-01 09:20:47 +01:00
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
Restore glyphicons
2013-08-18 09:36:51 +02:00
}
.glyphicon {
docs layout and alignment refinement
2013-08-18 10:23:45 +02:00
position: relative;
better alignment of glyphicons vertically
2013-08-19 04:05:48 +02:00
top: 1px;
docs layout and alignment refinement
2013-08-18 10:23:45 +02:00
display: inline-block;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
Restore glyphicons
2013-08-18 09:36:51 +02:00
-webkit-font-smoothing: antialiased;
Add -moz-osx-font-smoothing
2013-10-28 09:59:24 +01:00
-moz-osx-font-smoothing: grayscale;
Restore glyphicons
2013-08-18 09:36:51 +02:00
}
regenerate CSS
2013-08-19 00:20:16 +02:00
.glyphicon-asterisk:before {
content: "\2a";
}
.glyphicon-plus:before {
content: "\2b";
}
.glyphicon-euro:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
Restore glyphicons
2013-08-18 09:36:51 +02:00
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
.glyphicon-search:before {
content: "\e003";
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
run grunt dist
2013-09-24 07:35:51 +02:00
.glyphicon-lock:before {
content: "\e033";
}
Restore glyphicons
2013-08-18 09:36:51 +02:00
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
run grunt dist
2013-09-24 07:35:51 +02:00
.glyphicon-bookmark:before {
content: "\e044";
}
Restore glyphicons
2013-08-18 09:36:51 +02:00
.glyphicon-print:before {
content: "\e045";
}
run grunt dist
2013-09-24 07:35:51 +02:00
.glyphicon-camera:before {
content: "\e046";
}
Restore glyphicons
2013-08-18 09:36:51 +02:00
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
run grunt dist
2013-09-24 07:35:51 +02:00
.glyphicon-fire:before {
content: "\e104";
}
Restore glyphicons
2013-08-18 09:36:51 +02:00
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
run grunt dist
2013-09-24 07:35:51 +02:00
.glyphicon-calendar:before {
content: "\e109";
}
Restore glyphicons
2013-08-18 09:36:51 +02:00
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
run grunt dist
2013-09-24 07:35:51 +02:00
.glyphicon-bell:before {
content: "\e123";
}
Restore glyphicons
2013-08-18 09:36:51 +02:00
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
run grunt dist
2013-09-24 07:35:51 +02:00
.glyphicon-wrench:before {
content: "\e136";
}
Restore glyphicons
2013-08-18 09:36:51 +02:00
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
run grunt dist
2013-09-24 07:35:51 +02:00
.glyphicon-briefcase:before {
content: "\e139";
}
Restore glyphicons
2013-08-18 09:36:51 +02:00
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
run grunt dist
2013-09-24 07:35:51 +02:00
.glyphicon-paperclip:before {
content: "\e142";
}
Restore glyphicons
2013-08-18 09:36:51 +02:00
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
run grunt dist
2013-09-24 07:35:51 +02:00
.glyphicon-pushpin:before {
content: "\e146";
}
Restore glyphicons
2013-08-18 09:36:51 +02:00
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
regenerate CSS
2013-08-19 00:20:16 +02:00
.glyphicon-collapse-down:before {
Restore glyphicons
2013-08-18 09:36:51 +02:00
content: "\e159";
}
regenerate CSS
2013-08-19 00:20:16 +02:00
.glyphicon-collapse-up:before {
Restore glyphicons
2013-08-18 09:36:51 +02:00
content: "\e160";
}
Upgrade to latest glyphicons
2013-08-18 10:46:26 +02:00
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.caret {
display: inline-block;
width: 0;
height: 0;
Start some nav and dropdown cleanup * Remove border-radii on top of tab dropdown menus * Remove the .dropdown and .dropup styles and instead place on all * Use on dropdown carets intead of separately applying margin with a top alignment * Some other misc cleanup
2013-05-13 00:47:18 +02:00
margin-left: 2px;
vertical-align: middle;
add builded files from dist/
2013-11-28 18:40:15 +01:00
border-top: 4px solid;
convert to jekyll
2013-02-12 21:16:32 +01:00
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
run grunt dist for #8967
2013-08-02 19:11:39 +02:00
.dropdown {
position: relative;
}
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
.dropdown-toggle:focus {
outline: 0;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
z-index: 1000;
convert to jekyll
2013-02-12 21:16:32 +01:00
display: none;
float: left;
min-width: 160px;
merge, compile
2013-12-09 07:11:46 +01:00
padding: 5px 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin: 2px 0 0;
font-size: 14px;
convert to jekyll
2013-02-12 21:16:32 +01:00
list-style: none;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
background-color: #fff;
background-clip: padding-box;
merge, compile
2013-12-09 07:11:46 +01:00
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
convert to jekyll
2013-02-12 21:16:32 +01:00
border-radius: 4px;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
Run make on prev commits
2013-07-24 08:48:17 +02:00
height: 1px;
Font-size and line-height tweaks * Use 1.428 for line-height instead of 1.5 * Use function for full pixel values instead of decimals
2013-05-10 19:33:35 +02:00
margin: 9px 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
overflow: hidden;
convert to jekyll
2013-02-12 21:16:32 +01:00
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
merge, compile
2013-12-09 07:11:46 +01:00
display: block;
padding: 3px 20px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
clear: both;
font-weight: normal;
line-height: 1.428571429;
merge, compile
2013-12-09 07:11:46 +01:00
color: #333;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
white-space: nowrap;
merge, compile
2013-12-09 07:11:46 +01:00
}
Restore submenu support
2013-02-17 22:35:14 +01:00
.dropdown-menu > li > a:hover,
remove submenus. for more context: http://www.youtube.com/watch?v=ggWyUEuGcWY&feature=youtu.be&t=48s
2013-06-28 05:49:29 +02:00
.dropdown-menu > li > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #262626;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
text-decoration: none;
fixes #10111: different colors for dropdown link hover and active states
2013-09-01 11:00:40 +02:00
background-color: #f5f5f5;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
text-decoration: none;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #428bca;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
outline: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
text-decoration: none;
merge, compile
2013-12-09 07:11:46 +01:00
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
set cursor to not-allowed for disabled elements
2013-07-24 11:10:27 +02:00
cursor: not-allowed;
convert to jekyll
2013-02-12 21:16:32 +01:00
background-color: transparent;
background-image: none;
}
.open > .dropdown-menu {
display: block;
}
Restore commented out dropdown styles, get open dropdown state working again
2013-05-13 01:03:56 +02:00
.open > a {
outline: 0;
}
Fixes #10370: Improved and deprecated dropdown menu alignment options * Removes an old pair of selectors that didn’t properly target the right-aligned navbar alignment of dropdown menus. * Deprecates the `.pull-right` alignment in favor of a more specific and unique class name. * Adds `.dropdown-menu-right` as the new alignment class. This is then mixin-ed into the `.navbar-right.navbar-nav` dropdown menus for auto-alignment. * To override that auto-alignment, use `.dropdown-menu-left` as needed.
2013-12-14 22:22:56 +01:00
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
Drop `.nav-header` for `.dropdown-header` * Since we no longer have `.nav-list`, I've nuked the `.nav-header` * However, dropdowns can still have section headings, so I've kept that around with the addition of `.dropdown-header` * Restyled it a smidge as well
2013-07-18 08:54:09 +02:00
.dropdown-header {
merge, compile
2013-12-09 07:11:46 +01:00
display: block;
padding: 3px 20px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 12px;
line-height: 1.428571429;
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
}
change dropdown strategy to use an overlay - fixes mobile click anywhere + allows for firefox middle click
2013-05-16 21:50:06 +02:00
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
z-index: 990;
change dropdown strategy to use an overlay - fixes mobile click anywhere + allows for firefox middle click
2013-05-16 21:50:06 +02:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
merge, compile
2013-12-09 07:11:46 +01:00
content: "";
fixes #10744: back to solid borders on carets
2013-11-17 02:48:31 +01:00
border-top: 0;
add builded files from dist/
2013-11-28 18:40:15 +01:00
border-bottom: 4px solid;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
move dropdown change from navbar to dropdowns to fix customizer compiling
2013-08-19 17:54:40 +02:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.navbar-right .dropdown-menu {
move dropdown change from navbar to dropdowns to fix customizer compiling
2013-08-19 17:54:40 +02:00
right: 0;
left: auto;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Fixes #10370: Improved and deprecated dropdown menu alignment options * Removes an old pair of selectors that didn’t properly target the right-aligned navbar alignment of dropdown menus. * Deprecates the `.pull-right` alignment in favor of a more specific and unique class name. * Adds `.dropdown-menu-right` as the new alignment class. This is then mixin-ed into the `.navbar-right.navbar-nav` dropdown menus for auto-alignment. * To override that auto-alignment, use `.dropdown-menu-left` as needed.
2013-12-14 22:22:56 +01:00
.navbar-right .dropdown-menu-left {
right: auto;
left: 0;
}
move dropdown change from navbar to dropdowns to fix customizer compiling
2013-08-19 17:54:40 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
Make more components mixin-friendly
2013-07-02 02:32:07 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
grunt dist on previous commit
2013-08-07 01:02:07 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
z-index: 2;
add list group component
2013-03-31 00:07:50 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
outline: none;
add list group component
2013-03-31 00:07:50 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
add list group component
2013-03-31 00:07:50 +01:00
}
Fixes #10921: Add support for input groups within button toolbars * Floats any `.input-group` within a toolbar * Simplifies the CSS to remove sibling selectors and instead use a negative amrgin on the parent with only `margin-left` See it in action: http://jsbin.com/aGEcUqAT/1/.
2013-12-15 01:03:21 +01:00
.btn-toolbar {
margin-left: -5px;
fixes #8835: make it so active list group items aren't dependent on an <a> tag
2013-08-12 10:38:06 +02:00
}
Fixes #10921: Add support for input groups within button toolbars * Floats any `.input-group` within a toolbar * Simplifies the CSS to remove sibling selectors and instead use a negative amrgin on the parent with only `margin-left` See it in action: http://jsbin.com/aGEcUqAT/1/.
2013-12-15 01:03:21 +01:00
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
float: left;
not quite #fff on .list-group-item-text
2013-03-31 01:00:11 +01:00
}
Fixes #10921: Add support for input groups within button toolbars * Floats any `.input-group` within a toolbar * Simplifies the CSS to remove sibling selectors and instead use a negative amrgin on the parent with only `margin-left` See it in action: http://jsbin.com/aGEcUqAT/1/.
2013-12-15 01:03:21 +01:00
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
margin-left: 5px;
Change error to danger for all classes; add panels component
2013-03-30 22:15:18 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
Drop the accordion for the panel * Deletes the accordion.less file * Extends the panel to be collapsible with our JS plugin * Supports panel color variations
2013-08-13 08:36:25 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group > .btn:first-child {
margin-left: 0;
Fixes #9752: clear floats in .panel-body
2013-08-18 00:46:42 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
Fixes #9752: clear floats in .panel-body
2013-08-18 00:46:42 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom-left-radius: 0;
Fixes #9752: clear floats in .panel-body
2013-08-18 00:46:42 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group > .btn-group {
float: left;
Fixes #9752: clear floats in .panel-body
2013-08-18 00:46:42 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
Remove requirement of `.list-group-flush` when list groups are in panels Fixes #8900
2013-08-03 02:57:19 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
Remove requirement of `.list-group-flush` when list groups are in panels Fixes #8900
2013-08-03 02:57:19 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group > .btn-group:last-child > .btn:first-child {
Remove requirement of `.list-group-flush` when list groups are in panels Fixes #8900
2013-08-03 02:57:19 +02:00
border-top-left-radius: 0;
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom-left-radius: 0;
Remove requirement of `.list-group-flush` when list groups are in panels Fixes #8900
2013-08-03 02:57:19 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
Remove requirement of `.list-group-flush` when list groups are in panels Fixes #8900
2013-08-03 02:57:19 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group-xs > .btn {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
padding: 1px 5px;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
fixes #8900: nuke empty space between panel heading and list group
2013-08-12 00:01:16 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group-sm > .btn {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
padding: 5px 10px;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
Change error to danger for all classes; add panels component
2013-03-30 22:15:18 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group-lg > .btn {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
padding: 10px 16px;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
Add `.panel-title` to panel component to mirror modals /cc @leeaston
2013-07-26 06:16:43 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
Fixes #9061: Panel titles should inherit color when linked
2013-08-05 08:44:02 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group > .btn-lg + .dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
Add .panel-footer
2013-05-15 03:55:37 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group.open .dropdown-toggle {
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
Drop the accordion for the panel * Deletes the accordion.less file * Extends the panel to be collapsible with our JS plugin * Supports panel color variations
2013-08-13 08:36:25 +02:00
}
fixes #11126: remove box-shadow from open dropdown toggle with .btn-link
2013-10-21 02:59:15 +02:00
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn .caret {
margin-left: 0;
Drop the accordion for the panel * Deletes the accordion.less file * Extends the panel to be collapsible with our JS plugin * Supports panel color variations
2013-08-13 08:36:25 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-lg .caret {
combine and simplify caret border widths
2013-08-18 19:08:18 +02:00
border-width: 5px 5px 0;
fixed caret
2013-08-18 14:13:48 +02:00
border-bottom-width: 0;
Drop the accordion for the panel * Deletes the accordion.less file * Extends the panel to be collapsible with our JS plugin * Supports panel color variations
2013-08-13 08:36:25 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.dropup .btn-lg .caret {
combine and simplify caret border widths
2013-08-18 19:08:18 +02:00
border-width: 0 5px 5px;
Drop the accordion for the panel * Deletes the accordion.less file * Extends the panel to be collapsible with our JS plugin * Supports panel color variations
2013-08-13 08:36:25 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group-vertical > .btn,
grunt to get dist files
2013-11-30 08:29:34 +01:00
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
display: block;
float: none;
width: 100%;
max-width: 100%;
Drop the accordion for the panel * Deletes the accordion.less file * Extends the panel to be collapsible with our JS plugin * Supports panel color variations
2013-08-13 08:36:25 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group-vertical > .btn-group > .btn {
float: none;
Drop the accordion for the panel * Deletes the accordion.less file * Extends the panel to be collapsible with our JS plugin * Supports panel color variations
2013-08-13 08:36:25 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
Change error to danger for all classes; add panels component
2013-03-30 22:15:18 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
Change error to danger for all classes; add panels component
2013-03-30 22:15:18 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
Drop the accordion for the panel * Deletes the accordion.less file * Extends the panel to be collapsible with our JS plugin * Supports panel color variations
2013-08-13 08:36:25 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group-vertical > .btn:last-child:not(:first-child) {
merge, compile
2013-12-09 07:11:46 +01:00
border-top-left-radius: 0;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-top-right-radius: 0;
border-bottom-left-radius: 4px;
Drop the accordion for the panel * Deletes the accordion.less file * Extends the panel to be collapsible with our JS plugin * Supports panel color variations
2013-08-13 08:36:25 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
Change error to danger for all classes; add panels component
2013-03-30 22:15:18 +01:00
}
grunt
2013-12-15 23:32:14 +01:00
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
Change error to danger for all classes; add panels component
2013-03-30 22:15:18 +01:00
}
grunt
2013-12-15 23:32:14 +01:00
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-top-left-radius: 0;
merge, compile
2013-12-09 07:11:46 +01:00
border-top-right-radius: 0;
Drop the accordion for the panel * Deletes the accordion.less file * Extends the panel to be collapsible with our JS plugin * Supports panel color variations
2013-08-13 08:36:25 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
merge, compile
2013-12-09 07:11:46 +01:00
border-collapse: separate;
Drop the accordion for the panel * Deletes the accordion.less file * Extends the panel to be collapsible with our JS plugin * Supports panel color variations
2013-08-13 08:36:25 +02:00
}
add support for button dropdowns in justified button groups
2013-11-19 10:24:49 +01:00
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
display: table-cell;
float: none;
width: 1%;
Change error to danger for all classes; add panels component
2013-03-30 22:15:18 +01:00
}
add support for button dropdowns in justified button groups
2013-11-19 10:24:49 +01:00
.btn-group-justified > .btn-group .btn {
width: 100%;
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
display: none;
Change error to danger for all classes; add panels component
2013-03-30 22:15:18 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.input-group {
position: relative;
display: table;
border-collapse: separate;
Drop the accordion for the panel * Deletes the accordion.less file * Extends the panel to be collapsible with our JS plugin * Supports panel color variations
2013-08-13 08:36:25 +02:00
}
Fixes #11351: Correct grid class reset on input groups by using attribute selector, not an old class from v3 betas
2013-11-30 21:52:08 +01:00
.input-group[class*="col-"] {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
float: none;
padding-right: 0;
padding-left: 0;
Drop the accordion for the panel * Deletes the accordion.less file * Extends the panel to be collapsible with our JS plugin * Supports panel color variations
2013-08-13 08:36:25 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.input-group .form-control {
Fixes #11561: Add float: left; to .form-control within input groups to prevent IE9 from screwing up placeholder text and select menu arrows
2013-12-15 05:04:12 +01:00
float: left;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
width: 100%;
margin-bottom: 0;
Change error to danger for all classes; add panels component
2013-03-30 22:15:18 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
merge, compile
2013-12-09 07:11:46 +01:00
height: 46px;
padding: 10px 16px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 18px;
line-height: 1.33;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-radius: 6px;
Change error to danger for all classes; add panels component
2013-03-30 22:15:18 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
merge, compile
2013-12-09 07:11:46 +01:00
height: 46px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
line-height: 46px;
merge, compile
2013-12-09 07:11:46 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
height: auto;
Drop the accordion for the panel * Deletes the accordion.less file * Extends the panel to be collapsible with our JS plugin * Supports panel color variations
2013-08-13 08:36:25 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
merge, compile
2013-12-09 07:11:46 +01:00
height: 30px;
padding: 5px 10px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 12px;
line-height: 1.5;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
merge, compile
2013-12-09 07:11:46 +01:00
height: 30px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
line-height: 30px;
merge, compile
2013-12-09 07:11:46 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
merge, compile
2013-12-09 07:11:46 +01:00
white-space: nowrap;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
vertical-align: middle;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
}
.input-group-addon {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
padding: 6px 12px;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
font-size: 14px;
font-weight: normal;
line-height: 1;
merge, compile
2013-12-09 07:11:46 +01:00
color: #555;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
text-align: center;
background-color: #eee;
merge, compile
2013-12-09 07:11:46 +01:00
border: 1px solid #ccc;
convert to jekyll
2013-02-12 21:16:32 +01:00
border-radius: 4px;
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.input-group-addon.input-sm {
merge, compile
2013-12-09 07:11:46 +01:00
padding: 5px 10px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 12px;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-radius: 3px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.input-group-addon.input-lg {
merge, compile
2013-12-09 07:11:46 +01:00
padding: 10px 16px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 18px;
convert to jekyll
2013-02-12 21:16:32 +01:00
border-radius: 6px;
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.input-group-addon:first-child {
border-right: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
border-top-left-radius: 0;
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom-left-radius: 0;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
hide space characters in input-group-btn to fix segmented buttons double border
2013-12-10 16:47:12 +01:00
font-size: 0;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
hide space characters in input-group-btn to fix segmented buttons double border
2013-12-10 16:47:12 +01:00
margin-left: -1px;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
}
.input-group-btn > .btn:hover,
Merge branch 'master' into pr/11817 Conflicts: dist/css/bootstrap.min.css less/input-groups.less
2013-12-16 00:07:38 +01:00
.input-group-btn > .btn:focus,
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.input-group-btn > .btn:active {
z-index: 2;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Merge branch 'master' into pr/11817 Conflicts: dist/css/bootstrap.min.css less/input-groups.less
2013-12-16 00:07:38 +01:00
.input-group-btn:first-child > .btn {
margin-right: -1px;
}
.input-group-btn:last-child > .btn {
margin-left: -1px;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.nav {
merge, compile
2013-12-09 07:11:46 +01:00
padding-left: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-bottom: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
list-style: none;
}
.nav > li {
Start some nav and dropdown cleanup * Remove border-radii on top of tab dropdown menus * Remove the .dropdown and .dropup styles and instead place on all * Use on dropdown carets intead of separately applying margin with a top alignment * Some other misc cleanup
2013-05-13 00:47:18 +02:00
position: relative;
convert to jekyll
2013-02-12 21:16:32 +01:00
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #eee;
}
more nested navs
2013-04-16 16:45:51 +02:00
.nav > li.disabled > a {
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
more nested navs
2013-04-16 16:45:51 +02:00
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
text-decoration: none;
cursor: not-allowed;
more nested navs
2013-04-16 16:45:51 +02:00
background-color: transparent;
}
fixes #9642: open dropdown nav items get proper styling
2013-08-16 20:16:32 +02:00
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #eee;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #428bca;
Restore commented out dropdown styles, get open dropdown state working again
2013-05-13 01:03:56 +02:00
}
Super massive docs overhaul * Bring back the navbar up top * Pull the docs content back into separate pages because a 6.6k line docs file is just crazy * Recenter the page content and bring back affixed side nav (needs work)
2013-05-09 06:56:08 +02:00
.nav .nav-divider {
Run make on prev commits
2013-07-24 08:48:17 +02:00
height: 1px;
Font-size and line-height tweaks * Use 1.428 for line-height instead of 1.5 * Use function for full pixel values instead of decimals
2013-05-10 19:33:35 +02:00
margin: 9px 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
overflow: hidden;
more nested navs
2013-04-16 16:45:51 +02:00
background-color: #e5e5e5;
}
fix #9239 by restoring old ie8 responsive img foo
2013-08-12 10:56:38 +02:00
.nav > li > a > img {
max-width: none;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.nav-tabs {
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom: 1px solid #ddd;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
merge, compile
2013-12-09 07:11:46 +01:00
margin-right: 2px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
line-height: 1.428571429;
convert to jekyll
2013-02-12 21:16:32 +01:00
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
merge, compile
2013-12-09 07:11:46 +01:00
border-color: #eee #eee #ddd;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
more nested navs
2013-04-16 16:45:51 +02:00
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #555;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
cursor: default;
background-color: #fff;
merge, compile
2013-12-09 07:11:46 +01:00
border: 1px solid #ddd;
convert to jekyll
2013-02-12 21:16:32 +01:00
border-bottom-color: transparent;
}
more nested navs
2013-04-16 16:45:51 +02:00
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
recompile after last justified nav tweaks
2013-05-04 00:29:10 +02:00
}
.nav-tabs.nav-justified > li > a {
Address #9873 and fix #9774 * Update styling of justified nav links to be more mobile friendly (with all four rounded corners and some margin between items) * Add note to docs to callout bogus WebKit rendering on component and example
2013-08-27 02:37:52 +02:00
margin-bottom: 5px;
more nested navs
2013-04-16 16:45:51 +02:00
text-align: center;
}
Fixes #10516: Use auto positioning for dropdowns in justified nav to fix Firefox rendering
2013-10-29 04:51:39 +01:00
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
Justified nav now responsive; example updated accordingly (fixes #9708)
2013-08-16 23:01:32 +02:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.nav-tabs.nav-justified > li {
Justified nav now responsive; example updated accordingly (fixes #9708)
2013-08-16 23:01:32 +02:00
display: table-cell;
width: 1%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.nav-tabs.nav-justified > li > a {
Address #9873 and fix #9774 * Update styling of justified nav links to be more mobile friendly (with all four rounded corners and some margin between items) * Add note to docs to callout bogus WebKit rendering on component and example
2013-08-27 02:37:52 +02:00
margin-bottom: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Justified nav now responsive; example updated accordingly (fixes #9708)
2013-08-16 23:01:32 +02:00
}
more nested navs
2013-04-16 16:45:51 +02:00
.nav-tabs.nav-justified > li > a {
margin-right: 0;
Address #9873 and fix #9774 * Update styling of justified nav links to be more mobile friendly (with all four rounded corners and some margin between items) * Add note to docs to callout bogus WebKit rendering on component and example
2013-08-27 02:37:52 +02:00
border-radius: 4px;
more nested navs
2013-04-16 16:45:51 +02:00
}
Address #9873 and fix #9774 * Update styling of justified nav links to be more mobile friendly (with all four rounded corners and some margin between items) * Add note to docs to callout bogus WebKit rendering on component and example
2013-08-27 02:37:52 +02:00
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
border: 1px solid #ddd;
Address #9873 and fix #9774 * Update styling of justified nav links to be more mobile friendly (with all four rounded corners and some margin between items) * Add note to docs to callout bogus WebKit rendering on component and example
2013-08-27 02:37:52 +02:00
}
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.nav-tabs.nav-justified > li > a {
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom: 1px solid #ddd;
Address #9873 and fix #9774 * Update styling of justified nav links to be more mobile friendly (with all four rounded corners and some margin between items) * Add note to docs to callout bogus WebKit rendering on component and example
2013-08-27 02:37:52 +02:00
border-radius: 4px 4px 0 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.nav-tabs.nav-justified > .active > a,
Address #9873 and fix #9774 * Update styling of justified nav links to be more mobile friendly (with all four rounded corners and some margin between items) * Add note to docs to callout bogus WebKit rendering on component and example
2013-08-27 02:37:52 +02:00
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom-color: #fff;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
more nested navs
2013-04-16 16:45:51 +02:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
Make nav pills border-radius border-radius-base
2013-09-13 21:56:30 +02:00
border-radius: 4px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Fix up dropdowns being incorrectly positioned on nav pills
2013-07-27 07:11:58 +02:00
.nav-pills > li + li {
convert to jekyll
2013-02-12 21:16:32 +01:00
margin-left: 2px;
}
more nested navs
2013-04-16 16:45:51 +02:00
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
convert to jekyll
2013-02-12 21:16:32 +01:00
background-color: #428bca;
}
.nav-stacked > li {
float: none;
}
fixes #8714: correct stacked pills nav
2013-07-28 18:37:10 +02:00
.nav-stacked > li + li {
convert to jekyll
2013-02-12 21:16:32 +01:00
margin-top: 2px;
margin-left: 0;
}
Fixes #8996: shift placement of justified CSS for nav component
2013-08-02 18:42:50 +02:00
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
Address #9873 and fix #9774 * Update styling of justified nav links to be more mobile friendly (with all four rounded corners and some margin between items) * Add note to docs to callout bogus WebKit rendering on component and example
2013-08-27 02:37:52 +02:00
margin-bottom: 5px;
Fixes #8996: shift placement of justified CSS for nav component
2013-08-02 18:42:50 +02:00
text-align: center;
}
Fixes #10516: Use auto positioning for dropdowns in justified nav to fix Firefox rendering
2013-10-29 04:51:39 +01:00
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
Justified nav now responsive; example updated accordingly (fixes #9708)
2013-08-16 23:01:32 +02:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.nav-justified > li {
Justified nav now responsive; example updated accordingly (fixes #9708)
2013-08-16 23:01:32 +02:00
display: table-cell;
width: 1%;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.nav-justified > li > a {
Address #9873 and fix #9774 * Update styling of justified nav links to be more mobile friendly (with all four rounded corners and some margin between items) * Add note to docs to callout bogus WebKit rendering on component and example
2013-08-27 02:37:52 +02:00
margin-bottom: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Justified nav now responsive; example updated accordingly (fixes #9708)
2013-08-16 23:01:32 +02:00
}
Fixes #8996: shift placement of justified CSS for nav component
2013-08-02 18:42:50 +02:00
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
Address #9873 and fix #9774 * Update styling of justified nav links to be more mobile friendly (with all four rounded corners and some margin between items) * Add note to docs to callout bogus WebKit rendering on component and example
2013-08-27 02:37:52 +02:00
border-radius: 4px;
Fixes #8996: shift placement of justified CSS for nav component
2013-08-02 18:42:50 +02:00
}
Address #9873 and fix #9774 * Update styling of justified nav links to be more mobile friendly (with all four rounded corners and some margin between items) * Add note to docs to callout bogus WebKit rendering on component and example
2013-08-27 02:37:52 +02:00
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
border: 1px solid #ddd;
Address #9873 and fix #9774 * Update styling of justified nav links to be more mobile friendly (with all four rounded corners and some margin between items) * Add note to docs to callout bogus WebKit rendering on component and example
2013-08-27 02:37:52 +02:00
}
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.nav-tabs-justified > li > a {
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom: 1px solid #ddd;
Address #9873 and fix #9774 * Update styling of justified nav links to be more mobile friendly (with all four rounded corners and some margin between items) * Add note to docs to callout bogus WebKit rendering on component and example
2013-08-27 02:37:52 +02:00
border-radius: 4px 4px 0 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.nav-tabs-justified > .active > a,
Address #9873 and fix #9774 * Update styling of justified nav links to be more mobile friendly (with all four rounded corners and some margin between items) * Add note to docs to callout bogus WebKit rendering on component and example
2013-08-27 02:37:52 +02:00
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom-color: #fff;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Fixes #8996: shift placement of justified CSS for nav component
2013-08-02 18:42:50 +02:00
}
remove undocumented and unsupported .pill-content and .pill-pane /cc #10102
2013-10-14 00:55:13 +02:00
.tab-content > .tab-pane {
fix broken marketing section with updated class
2013-02-18 05:18:29 +01:00
display: none;
}
remove undocumented and unsupported .pill-content and .pill-pane /cc #10102
2013-10-14 00:55:13 +02:00
.tab-content > .active {
fix broken marketing section with updated class
2013-02-18 05:18:29 +01:00
display: block;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.nav-tabs .dropdown-menu {
Consolidate active dropdown toggle styles and comment out the rest
2013-05-13 01:12:13 +02:00
margin-top: -1px;
border-top-left-radius: 0;
merge, compile
2013-12-09 07:11:46 +01:00
border-top-right-radius: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.navbar {
Navbar realignment: * Change .brand to .navbar-brand * Change .btn-navbar to .navbar-toggle * Redesign navbar toggle to be a bit lighter and wider * Center align the navbar brand with a max-width of 200px (to minimize hit area) while still centering
2013-02-18 10:28:35 +01:00
position: relative;
Fixes #8374: ensure navbar is always at least 50px
2013-07-18 10:25:08 +02:00
min-height: 50px;
add back bottom margin to navbars
2013-05-01 04:12:48 +02:00
margin-bottom: 20px;
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
border: 1px solid transparent;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.navbar {
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
border-radius: 4px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.navbar-header {
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
float: left;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
.navbar-collapse {
fixes #9439: use overflow: auto on navbar collapse
2013-08-14 00:22:05 +02:00
max-height: 340px;
fixes #9507: remove padding on navbar-collapse as any padding on an animated object screws it up; instead use some padding on the navbar nav
2013-08-15 09:07:23 +02:00
padding-right: 15px;
padding-left: 15px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
overflow-x: visible;
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
border-top: 1px solid transparent;
merge, compile
2013-12-09 07:11:46 +01:00
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
-webkit-overflow-scrolling: touch;
Revert the statis navbar in mobile views--they're back to being fixed all the time
2013-02-18 03:33:55 +01:00
}
fixes #9475
2013-08-17 00:07:45 +02:00
.navbar-collapse.in {
overflow-y: auto;
}
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.navbar-collapse {
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
width: auto;
border-top: 0;
nuke the box-shadow on uncollapsed navbar-collapse
2013-08-13 23:46:34 +02:00
box-shadow: none;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-collapse.collapse {
refactor navbar file to better nest css and restore navbar-color to navbar text (fixes #9500)
2013-08-15 06:32:23 +02:00
display: block !important;
height: auto !important;
padding-bottom: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
overflow: visible !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-collapse.in {
Merge branch 'master' into pr/11412 Conflicts: dist/js/bootstrap.min.js
2013-12-02 05:27:30 +01:00
overflow-y: visible;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-fixed-top .navbar-collapse,
Rework navbar padding and margins for right aligned last-child elements This slight reworking of the navbar spacing was brought about by a problem noted in #11530: use of `.navbar-form.navbar-right` leaves an extra 15px of space on the right. Here’s what’s new: * Removed the `padding` on `.navbar-collapse` within static top, fixed top, and fixed bottom navbars. Meaning, it’s still there for the default navbar. This was the root cause of the extra 15px padding for navbar forms. * As part of this, I also replaced the existing negative margin overrides for last-child elements with more contextual ones within their sub-components. Overall not too different, but should be more effective now and easier to work with now. For example of new changes, see http://jsbin.com/odeSiSo/1/.
2013-12-02 04:27:33 +01:00
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Fix #9174: pad bottom of navbar collapsed content and clear floated contents
2013-08-07 01:39:18 +02:00
}
Navbar update Addresses a few different cases where the navbar has and doesn't have a container, and accordingly adjusts the padding and margin of key elements.
2013-08-18 06:00:13 +02:00
.container > .navbar-header,
Add .container-fluid variation for full-width containers and layouts /cc #10711 #9862
2013-12-08 05:52:51 +01:00
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
Navbar update Addresses a few different cases where the navbar has and doesn't have a container, and accordingly adjusts the padding and margin of key elements.
2013-08-18 06:00:13 +02:00
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.container > .navbar-header,
Add .container-fluid variation for full-width containers and layouts /cc #10711 #9862
2013-12-08 05:52:51 +01:00
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
Navbar update Addresses a few different cases where the navbar has and doesn't have a container, and accordingly adjusts the padding and margin of key elements.
2013-08-18 06:00:13 +02:00
margin-right: 0;
margin-left: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Navbar update Addresses a few different cases where the navbar has and doesn't have a container, and accordingly adjusts the padding and margin of key elements.
2013-08-18 06:00:13 +02:00
}
fixed navbar static top borders
2013-08-16 20:34:30 +02:00
.navbar-static-top {
Remove default z-index on navbar and only set on static and fixed variants
2013-10-21 06:12:09 +02:00
z-index: 1000;
fixed navbar static top borders
2013-08-16 20:34:30 +02:00
border-width: 0 0 1px;
}
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.navbar-static-top {
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
border-radius: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Fix #9174: pad bottom of navbar collapsed content and clear floated contents
2013-08-07 01:39:18 +02:00
}
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
z-index: 1030;
Fixes #8749: prevent navbar nav from overlapping navbar toggle
2013-08-07 02:28:02 +02:00
}
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.navbar-fixed-top,
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
.navbar-fixed-bottom {
border-radius: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Enable scrollable responsive nav bar Fixes #9007 in a hopefully decent way
2013-08-05 23:19:32 +02:00
}
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
.navbar-fixed-top {
top: 0;
Fixes issue #11122 -- navbar-fixed-bottom border Enable border-top in .navbar-fixed-bottom
2013-10-16 16:20:34 +02:00
border-width: 0 0 1px;
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
Fixes issue #11122 -- navbar-fixed-bottom border Enable border-top in .navbar-fixed-bottom
2013-10-16 16:20:34 +02:00
border-width: 1px 0 0;
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
}
Navbar realignment: * Change .brand to .navbar-brand * Change .btn-navbar to .navbar-toggle * Redesign navbar toggle to be a bit lighter and wider * Center align the navbar brand with a max-width of 200px (to minimize hit area) while still centering
2013-02-18 10:28:35 +01:00
.navbar-brand {
merge, compile
2013-12-09 07:11:46 +01:00
float: left;
padding: 15px 15px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 18px;
line-height: 20px;
merge, compile
2013-12-09 07:11:46 +01:00
}
Navbar realignment: * Change .brand to .navbar-brand * Change .btn-navbar to .navbar-toggle * Redesign navbar toggle to be a bit lighter and wider * Center align the navbar brand with a max-width of 200px (to minimize hit area) while still centering
2013-02-18 10:28:35 +01:00
.navbar-brand:hover,
.navbar-brand:focus {
convert to jekyll
2013-02-12 21:16:32 +01:00
text-decoration: none;
}
Fixes #10495: Float Glyphicon and set margins in .navbar-brand to ensure there is no added height because wtf even is CSS
2013-12-14 08:06:04 +01:00
.navbar-brand > .glyphicon {
float: left;
margin-top: -2px;
margin-right: 5px;
}
Navbar update Addresses a few different cases where the navbar has and doesn't have a container, and accordingly adjusts the padding and margin of key elements.
2013-08-18 06:00:13 +02:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.navbar > .container .navbar-brand,
Add .container-fluid variation for full-width containers and layouts /cc #10711 #9862
2013-12-08 05:52:51 +01:00
.navbar > .container-fluid .navbar-brand {
Navbar update Addresses a few different cases where the navbar has and doesn't have a container, and accordingly adjusts the padding and margin of key elements.
2013-08-18 06:00:13 +02:00
margin-left: -15px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Navbar update Addresses a few different cases where the navbar has and doesn't have a container, and accordingly adjusts the padding and margin of key elements.
2013-08-18 06:00:13 +02:00
}
Navbar realignment: * Change .brand to .navbar-brand * Change .btn-navbar to .navbar-toggle * Redesign navbar toggle to be a bit lighter and wider * Center align the navbar brand with a max-width of 200px (to minimize hit area) while still centering
2013-02-18 10:28:35 +01:00
.navbar-toggle {
run grunt dist
2013-08-05 09:39:03 +02:00
position: relative;
float: right;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
padding: 9px 10px;
run grunt dist
2013-08-05 09:39:03 +02:00
margin-top: 8px;
Navbar update Addresses a few different cases where the navbar has and doesn't have a container, and accordingly adjusts the padding and margin of key elements.
2013-08-18 06:00:13 +02:00
margin-right: 15px;
run grunt dist
2013-08-05 09:39:03 +02:00
margin-bottom: 8px;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: transparent;
background-image: none;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border: 1px solid transparent;
border-radius: 4px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Navbar realignment: * Change .brand to .navbar-brand * Change .btn-navbar to .navbar-toggle * Redesign navbar toggle to be a bit lighter and wider * Center align the navbar brand with a max-width of 200px (to minimize hit area) while still centering
2013-02-18 10:28:35 +01:00
.navbar-toggle .icon-bar {
convert to jekyll
2013-02-12 21:16:32 +01:00
display: block;
Navbar realignment: * Change .brand to .navbar-brand * Change .btn-navbar to .navbar-toggle * Redesign navbar toggle to be a bit lighter and wider * Center align the navbar brand with a max-width of 200px (to minimize hit area) while still centering
2013-02-18 10:28:35 +01:00
width: 22px;
convert to jekyll
2013-02-12 21:16:32 +01:00
height: 2px;
border-radius: 1px;
}
Navbar realignment: * Change .brand to .navbar-brand * Change .btn-navbar to .navbar-toggle * Redesign navbar toggle to be a bit lighter and wider * Center align the navbar brand with a max-width of 200px (to minimize hit area) while still centering
2013-02-18 10:28:35 +01:00
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
refactor navbar file to better nest css and restore navbar-color to navbar text (fixes #9500)
2013-08-15 06:32:23 +02:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.navbar-toggle {
refactor navbar file to better nest css and restore navbar-color to navbar text (fixes #9500)
2013-08-15 06:32:23 +02:00
display: none;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
refactor navbar file to better nest css and restore navbar-color to navbar text (fixes #9500)
2013-08-15 06:32:23 +02:00
}
lighter default navbar, add borders to navbars, tweak padding and alignments
2013-08-13 22:39:21 +02:00
.navbar-nav {
switch to margin on navbar-nav to avoid stacking negative space reported in #9705
2013-08-16 21:38:41 +02:00
margin: 7.5px -15px;
lighter default navbar, add borders to navbars, tweak padding and alignments
2013-08-13 22:39:21 +02:00
}
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
line-height: 20px;
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
}
@media (max-width: 767px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.navbar-nav .open .dropdown-menu {
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
position: static;
float: none;
width: auto;
margin-top: 0;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: transparent;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border: 0;
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
box-shadow: none;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-nav .open .dropdown-menu > li > a,
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-nav .open .dropdown-menu > li > a {
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
line-height: 20px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-nav .open .dropdown-menu > li > a:hover,
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
}
refactor navbar file to better nest css and restore navbar-color to navbar text (fixes #9500)
2013-08-15 06:32:23 +02:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.navbar-nav {
refactor navbar file to better nest css and restore navbar-color to navbar text (fixes #9500)
2013-08-15 06:32:23 +02:00
float: left;
margin: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-nav > li {
refactor navbar file to better nest css and restore navbar-color to navbar text (fixes #9500)
2013-08-15 06:32:23 +02:00
float: left;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-nav > li > a {
refactor navbar file to better nest css and restore navbar-color to navbar text (fixes #9500)
2013-08-15 06:32:23 +02:00
padding-top: 15px;
padding-bottom: 15px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-nav.navbar-right:last-child {
Rework navbar padding and margins for right aligned last-child elements This slight reworking of the navbar spacing was brought about by a problem noted in #11530: use of `.navbar-form.navbar-right` leaves an extra 15px of space on the right. Here’s what’s new: * Removed the `padding` on `.navbar-collapse` within static top, fixed top, and fixed bottom navbars. Meaning, it’s still there for the default navbar. This was the root cause of the extra 15px padding for navbar forms. * As part of this, I also replaced the existing negative margin overrides for last-child elements with more contextual ones within their sub-components. Overall not too different, but should be more effective now and easier to work with now. For example of new changes, see http://jsbin.com/odeSiSo/1/.
2013-12-02 04:27:33 +01:00
margin-right: -15px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
refactor navbar file to better nest css and restore navbar-color to navbar text (fixes #9500)
2013-08-15 06:32:23 +02:00
}
Overhaul navbar alignment (.pull-) utilities (fixes #9440) Now navbars have their own float utility classes, mixin-ed versions of `.pull-left` and `.pull-right`. * Removed chained `.navbar-nav.pull-right` * Added `.navbar-left` and `.navbar-right` as mixins of the default float utilities, but only above the `@grid-float-breakpoint` to match the new navbar behavior * Updated components docs to match the new changeas * Added callout about component alignment here to explain the new classes
2013-08-14 00:19:59 +02:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.navbar-left {
Overhaul navbar alignment (.pull-) utilities (fixes #9440) Now navbars have their own float utility classes, mixin-ed versions of `.pull-left` and `.pull-right`. * Removed chained `.navbar-nav.pull-right` * Added `.navbar-left` and `.navbar-right` as mixins of the default float utilities, but only above the `@grid-float-breakpoint` to match the new navbar behavior * Updated components docs to match the new changeas * Added callout about component alignment here to explain the new classes
2013-08-14 00:19:59 +02:00
float: left !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-right {
Apply mixin to correct class
2013-08-14 04:53:23 +02:00
float: right !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Overhaul navbar alignment (.pull-) utilities (fixes #9440) Now navbars have their own float utility classes, mixin-ed versions of `.pull-left` and `.pull-right`. * Removed chained `.navbar-nav.pull-right` * Added `.navbar-left` and `.navbar-right` as mixins of the default float utilities, but only above the `@grid-float-breakpoint` to match the new navbar behavior * Updated components docs to match the new changeas * Added callout about component alignment here to explain the new classes
2013-08-14 00:19:59 +02:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.navbar-form {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
padding: 10px 15px;
Tighten up buttons and form controls * Smaller padding on buttons and large buttons * Same with inputs and large inputs * Remove about 10px from height of large inputs/buttons and 4px from regular ones Fixes #8707 and #8700. (Also relevant: #8711)
2013-08-03 00:09:48 +02:00
margin-top: 8px;
Overhaul navbar alignment (.pull-) utilities (fixes #9440) Now navbars have their own float utility classes, mixin-ed versions of `.pull-left` and `.pull-right`. * Removed chained `.navbar-nav.pull-right` * Added `.navbar-left` and `.navbar-right` as mixins of the default float utilities, but only above the `@grid-float-breakpoint` to match the new navbar behavior * Updated components docs to match the new changeas * Added callout about component alignment here to explain the new classes
2013-08-14 00:19:59 +02:00
margin-right: -15px;
Tighten up buttons and form controls * Smaller padding on buttons and large buttons * Same with inputs and large inputs * Remove about 10px from height of large inputs/buttons and 4px from regular ones Fixes #8707 and #8700. (Also relevant: #8711)
2013-08-03 00:09:48 +02:00
margin-bottom: 8px;
Overhaul navbar alignment (.pull-) utilities (fixes #9440) Now navbars have their own float utility classes, mixin-ed versions of `.pull-left` and `.pull-right`. * Removed chained `.navbar-nav.pull-right` * Added `.navbar-left` and `.navbar-right` as mixins of the default float utilities, but only above the `@grid-float-breakpoint` to match the new navbar behavior * Updated components docs to match the new changeas * Added callout about component alignment here to explain the new classes
2013-08-14 00:19:59 +02:00
margin-left: -15px;
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
fixes #9382: inline forms now require use of .form-group for proper alignment of all form controls
2013-08-12 20:07:23 +02:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.navbar-form .form-group {
fixes #9382: inline forms now require use of .form-group for proper alignment of all form controls
2013-08-12 20:07:23 +02:00
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-form .form-control {
fix navbar form alignment of inputs by restoring inline-block
2013-08-13 01:09:21 +02:00
display: inline-block;
Fixes #11402: Set width: auto; to select.form-control within .form-inline
2013-12-01 00:57:25 +01:00
width: auto;
Add new form feedback states, clean up existing form styles New stuff: * Adds `.has-feedback` and `.form-control-feedback` to show icon-based form feedback to users. Fixes #11836. * Removes the `width: 1em` on `.glyphicon` because it makes it impractical to resize the width of all icons, even if they’re not “empty” (e.g., a simple `.glyphicon { width: 30px; }` wouldn’t work, nor would a class preceeded by a parent class. Clean up: * Sets `width: auto;` on all `.form-control`s within inline forms. * Removes all the inline `select` menu `width` styles because all inputs are now `auto`. * Update form states docs to separate out sections better.
2013-12-16 02:15:09 +01:00
vertical-align: middle;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Add new form feedback states, clean up existing form styles New stuff: * Adds `.has-feedback` and `.form-control-feedback` to show icon-based form feedback to users. Fixes #11836. * Removes the `width: 1em` on `.glyphicon` because it makes it impractical to resize the width of all icons, even if they’re not “empty” (e.g., a simple `.glyphicon { width: 30px; }` wouldn’t work, nor would a class preceeded by a parent class. Clean up: * Sets `width: auto;` on all `.form-control`s within inline forms. * Removes all the inline `select` menu `width` styles because all inputs are now `auto`. * Update form states docs to separate out sections better.
2013-12-16 02:15:09 +01:00
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
Fixes #11402: Updated fix for select.form-control width in inline-forms
2013-12-15 23:52:49 +01:00
}
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.navbar-form .radio,
fixes #9382: inline forms now require use of .form-group for proper alignment of all form controls
2013-08-12 20:07:23 +02:00
.navbar-form .checkbox {
display: inline-block;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
padding-left: 0;
fixes #9382: inline forms now require use of .form-group for proper alignment of all form controls
2013-08-12 20:07:23 +02:00
margin-top: 0;
margin-bottom: 0;
add vertical-align back to where it's necessary since we reset from block to inline-block on several inputs
2013-12-08 10:59:44 +01:00
vertical-align: middle;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-form .radio input[type="radio"],
fixes #9382: inline forms now require use of .form-group for proper alignment of all form controls
2013-08-12 20:07:23 +02:00
.navbar-form .checkbox input[type="checkbox"] {
float: none;
margin-left: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Add new form feedback states, clean up existing form styles New stuff: * Adds `.has-feedback` and `.form-control-feedback` to show icon-based form feedback to users. Fixes #11836. * Removes the `width: 1em` on `.glyphicon` because it makes it impractical to resize the width of all icons, even if they’re not “empty” (e.g., a simple `.glyphicon { width: 30px; }` wouldn’t work, nor would a class preceeded by a parent class. Clean up: * Sets `width: auto;` on all `.form-control`s within inline forms. * Removes all the inline `select` menu `width` styles because all inputs are now `auto`. * Update form states docs to separate out sections better.
2013-12-16 02:15:09 +01:00
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
Fixes #8795, a reoccurence of #1969
2013-08-05 20:47:12 +02:00
}
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
@media (max-width: 767px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.navbar-form .form-group {
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
margin-bottom: 5px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
}
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.navbar-form {
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
width: auto;
merge, compile
2013-12-09 07:11:46 +01:00
padding-top: 0;
padding-bottom: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-right: 0;
margin-left: 0;
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
border: 0;
fix up inverse navbar form styles
2013-08-15 20:47:56 +02:00
-webkit-box-shadow: none;
box-shadow: none;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-form.navbar-right:last-child {
Rework navbar padding and margins for right aligned last-child elements This slight reworking of the navbar spacing was brought about by a problem noted in #11530: use of `.navbar-form.navbar-right` leaves an extra 15px of space on the right. Here’s what’s new: * Removed the `padding` on `.navbar-collapse` within static top, fixed top, and fixed bottom navbars. Meaning, it’s still there for the default navbar. This was the root cause of the extra 15px padding for navbar forms. * As part of this, I also replaced the existing negative margin overrides for last-child elements with more contextual ones within their sub-components. Overall not too different, but should be more effective now and easier to work with now. For example of new changes, see http://jsbin.com/odeSiSo/1/.
2013-12-02 04:27:33 +01:00
margin-right: -15px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
}
Overhaul navbar navs * Switch from to to eliminate an element in selectors * Drop .navbar-divider entirely
2013-04-28 03:28:39 +02:00
.navbar-nav > li > .dropdown-menu {
convert to jekyll
2013-02-12 21:16:32 +01:00
margin-top: 0;
border-top-left-radius: 0;
merge, compile
2013-12-09 07:11:46 +01:00
border-top-right-radius: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Overhaul navbar navs * Switch from to to eliminate an element in selectors * Drop .navbar-divider entirely
2013-04-28 03:28:39 +02:00
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
convert to jekyll
2013-02-12 21:16:32 +01:00
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
refactor navbar file to better nest css and restore navbar-color to navbar text (fixes #9500)
2013-08-15 06:32:23 +02:00
.navbar-btn {
margin-top: 8px;
fixes #9508: use navbar align mixin for buttons to get correct top/bottom spacing
2013-08-15 08:02:58 +02:00
margin-bottom: 8px;
refactor navbar file to better nest css and restore navbar-color to navbar text (fixes #9500)
2013-08-15 06:32:23 +02:00
}
Fixes #11357: Vertically center sm and xs buttons in the navbar
2013-12-02 03:13:27 +01:00
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
refactor navbar file to better nest css and restore navbar-color to navbar text (fixes #9500)
2013-08-15 06:32:23 +02:00
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
fixes #9629
2013-08-15 22:54:47 +02:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.navbar-text {
Run grunt dist
2013-11-17 23:45:42 +01:00
float: left;
fixes #9629
2013-08-15 22:54:47 +02:00
margin-right: 15px;
margin-left: 15px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-text.navbar-right:last-child {
Rework navbar padding and margins for right aligned last-child elements This slight reworking of the navbar spacing was brought about by a problem noted in #11530: use of `.navbar-form.navbar-right` leaves an extra 15px of space on the right. Here’s what’s new: * Removed the `padding` on `.navbar-collapse` within static top, fixed top, and fixed bottom navbars. Meaning, it’s still there for the default navbar. This was the root cause of the extra 15px padding for navbar forms. * As part of this, I also replaced the existing negative margin overrides for last-child elements with more contextual ones within their sub-components. Overall not too different, but should be more effective now and easier to work with now. For example of new changes, see http://jsbin.com/odeSiSo/1/.
2013-12-02 04:27:33 +01:00
margin-right: 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
fixes #9629
2013-08-15 22:54:47 +02:00
}
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
.navbar-default {
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #f8f8f8;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #e7e7e7;
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
}
.navbar-default .navbar-brand {
merge, compile
2013-12-09 07:11:46 +01:00
color: #777;
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
merge, compile
2013-12-09 07:11:46 +01:00
color: #777;
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
}
.navbar-default .navbar-nav > li > a {
merge, compile
2013-12-09 07:11:46 +01:00
color: #777;
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #333;
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #555;
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #ccc;
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
background-color: transparent;
}
.navbar-default .navbar-toggle {
merge, compile
2013-12-09 07:11:46 +01:00
border-color: #ddd;
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #ddd;
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
}
.navbar-default .navbar-toggle .icon-bar {
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #888;
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
run grunt
2013-09-17 06:43:55 +02:00
border-color: #e7e7e7;
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #555;
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
background-color: #e7e7e7;
}
@media (max-width: 767px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
merge, compile
2013-12-09 07:11:46 +01:00
color: #777;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #333;
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
background-color: transparent;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #555;
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
background-color: #e7e7e7;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #ccc;
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
background-color: transparent;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
}
.navbar-default .navbar-link {
merge, compile
2013-12-09 07:11:46 +01:00
color: #777;
refactor navbar file to better nest css and restore navbar-color to navbar text (fixes #9500)
2013-08-15 06:32:23 +02:00
}
Add a .navbar-default class for default colors * Extract color styles from .navbar { } and put them into .navbar-default { } * Change variable names * Change the docs accordingly (i.e., add the .navbar-default class to all default navbars) * Change customizer accordingly
2013-08-18 23:05:56 +02:00
.navbar-default .navbar-link:hover {
merge, compile
2013-12-09 07:11:46 +01:00
color: #333;
refactor navbar file to better nest css and restore navbar-color to navbar text (fixes #9500)
2013-08-15 06:32:23 +02:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.navbar-inverse {
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #222;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #080808;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Navbar realignment: * Change .brand to .navbar-brand * Change .btn-navbar to .navbar-toggle * Redesign navbar toggle to be a bit lighter and wider * Center align the navbar brand with a max-width of 200px (to minimize hit area) while still centering
2013-02-18 10:28:35 +01:00
.navbar-inverse .navbar-brand {
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Navbar realignment: * Change .brand to .navbar-brand * Change .btn-navbar to .navbar-toggle * Redesign navbar toggle to be a bit lighter and wider * Center align the navbar brand with a max-width of 200px (to minimize hit area) while still centering
2013-02-18 10:28:35 +01:00
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
convert to jekyll
2013-02-12 21:16:32 +01:00
background-color: transparent;
}
.navbar-inverse .navbar-text {
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Overhaul navbar navs * Switch from to to eliminate an element in selectors * Drop .navbar-divider entirely
2013-04-28 03:28:39 +02:00
.navbar-inverse .navbar-nav > li > a {
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Overhaul navbar navs * Switch from to to eliminate an element in selectors * Drop .navbar-divider entirely
2013-04-28 03:28:39 +02:00
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
convert to jekyll
2013-02-12 21:16:32 +01:00
background-color: transparent;
}
Overhaul navbar navs * Switch from to to eliminate an element in selectors * Drop .navbar-divider entirely
2013-04-28 03:28:39 +02:00
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
update makefile to work again; gitignore the compiled docs _gh_pages folder; test makefile with darkened navbar active bg
2013-02-13 21:30:56 +01:00
background-color: #080808;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Overhaul navbar navs * Switch from to to eliminate an element in selectors * Drop .navbar-divider entirely
2013-04-28 03:28:39 +02:00
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #444;
Fixes #6995: Add disabled navbar nav link support
2013-03-01 08:20:25 +01:00
background-color: transparent;
}
Navbar realignment: * Change .brand to .navbar-brand * Change .btn-navbar to .navbar-toggle * Redesign navbar toggle to be a bit lighter and wider * Center align the navbar brand with a max-width of 200px (to minimize hit area) while still centering
2013-02-18 10:28:35 +01:00
.navbar-inverse .navbar-toggle {
merge, compile
2013-12-09 07:11:46 +01:00
border-color: #333;
Navbar realignment: * Change .brand to .navbar-brand * Change .btn-navbar to .navbar-toggle * Redesign navbar toggle to be a bit lighter and wider * Center align the navbar brand with a max-width of 200px (to minimize hit area) while still centering
2013-02-18 10:28:35 +01:00
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #333;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
improve navbar toggle and hide code snippets on mobile devices for now
2013-03-01 09:18:10 +01:00
.navbar-inverse .navbar-toggle .icon-bar {
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #fff;
improve navbar toggle and hide code snippets on mobile devices for now
2013-03-01 09:18:10 +01:00
}
fix up inverse navbar form styles
2013-08-15 20:47:56 +02:00
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
Navbar refactor * Now responsive by default (fits better with mobile-first approach) * Requires `.nav-header` to group `.navbar-brand` and `.navbar-toggle` for proper mobile display. * Changed `.nav-collapse` to `.navbar-collapse` * Simplified examples in docs
2013-08-13 06:23:28 +02:00
}
Less specific dropdown styles, change up navbar dropdown styles
2013-05-13 01:30:54 +02:00
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
update makefile to work again; gitignore the compiled docs _gh_pages folder; test makefile with darkened navbar active bg
2013-02-13 21:30:56 +01:00
background-color: #080808;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
invert dropdown styles in navbar for inverse variation
2013-08-13 06:43:59 +02:00
@media (max-width: 767px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
Overhaul navbar alignment (.pull-) utilities (fixes #9440) Now navbars have their own float utility classes, mixin-ed versions of `.pull-left` and `.pull-right`. * Removed chained `.navbar-nav.pull-right` * Added `.navbar-left` and `.navbar-right` as mixins of the default float utilities, but only above the `@grid-float-breakpoint` to match the new navbar behavior * Updated components docs to match the new changeas * Added callout about component alignment here to explain the new classes
2013-08-14 00:19:59 +02:00
border-color: #080808;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
Fixes #11516: Invert dropdown divider border in navbars
2013-11-28 21:39:39 +01:00
background-color: #080808;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
invert dropdown styles in navbar for inverse variation
2013-08-13 06:43:59 +02:00
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
invert dropdown styles in navbar for inverse variation
2013-08-13 06:43:59 +02:00
background-color: transparent;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
invert dropdown styles in navbar for inverse variation
2013-08-13 06:43:59 +02:00
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
invert dropdown styles in navbar for inverse variation
2013-08-13 06:43:59 +02:00
background-color: #080808;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
invert dropdown styles in navbar for inverse variation
2013-08-13 06:43:59 +02:00
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #444;
invert dropdown styles in navbar for inverse variation
2013-08-13 06:43:59 +02:00
background-color: transparent;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
invert dropdown styles in navbar for inverse variation
2013-08-13 06:43:59 +02:00
}
run make on previous commits
2013-05-03 19:53:26 +02:00
.navbar-inverse .navbar-link {
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
run make on previous commits
2013-05-03 19:53:26 +02:00
.navbar-inverse .navbar-link:hover {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
run make on previous commits
2013-05-03 19:53:26 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.breadcrumb {
merge, compile
2013-12-09 07:11:46 +01:00
padding: 8px 15px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-bottom: 20px;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
list-style: none;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #f5f5f5;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-radius: 4px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.breadcrumb > li {
display: inline-block;
More button updates - Fixes #9113 (caret colors in dropdown buttons) - Darken borders around buttons for contrast in button groups
2013-08-05 20:30:50 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.breadcrumb > li + li:before {
padding: 0 5px;
merge, compile
2013-12-09 07:11:46 +01:00
color: #ccc;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
content: "/\00a0";
merge, compile
2013-12-09 07:11:46 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.breadcrumb > .active {
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
More button updates - Fixes #9113 (caret colors in dropdown buttons) - Darken borders around buttons for contrast in button groups
2013-08-05 20:30:50 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pagination {
convert to jekyll
2013-02-12 21:16:32 +01:00
display: inline-block;
merge, compile
2013-12-09 07:11:46 +01:00
padding-left: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin: 20px 0;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-radius: 4px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pagination > li {
display: inline;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
merge, compile
2013-12-09 07:11:46 +01:00
padding: 6px 12px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-left: -1px;
line-height: 1.428571429;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
text-decoration: none;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #fff;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border: 1px solid #ddd;
merge, compile
2013-12-09 07:11:46 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom-left-radius: 4px;
fixes #8647: remove focus outline on :focus of buttons in button groups
2013-08-06 01:16:58 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
Update button groups to use not selector and remove redundant CSS.
2013-05-10 01:26:35 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #eee;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
cursor: default;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #428bca;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #428bca;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pagination > .disabled > span,
fix #9941
2013-08-21 11:57:48 +02:00
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
cursor: not-allowed;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #fff;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #ddd;
merge, compile
2013-12-09 07:11:46 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pagination-lg > li > a,
.pagination-lg > li > span {
merge, compile
2013-12-09 07:11:46 +01:00
padding: 10px 16px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 18px;
merge, compile
2013-12-09 07:11:46 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom-left-radius: 6px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pagination-sm > li > a,
.pagination-sm > li > span {
merge, compile
2013-12-09 07:11:46 +01:00
padding: 5px 10px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 12px;
merge, compile
2013-12-09 07:11:46 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom-left-radius: 3px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pager {
merge, compile
2013-12-09 07:11:46 +01:00
padding-left: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin: 20px 0;
merge, compile
2013-12-09 07:11:46 +01:00
text-align: center;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
list-style: none;
merge, compile
2013-12-09 07:11:46 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pager li {
display: inline;
Newfangled input and button group sizing (fixes #9295) Instead of applying `.btn-` or `.input-` to individual elements in button and input groups, we now have new sizing classes to keep your markup a little leaner. * Add `.input-group-sm` or `.input-group-lg` to your `.input-group` to replicate `.input-sm` and `.input-lg`, respectively. * Add `.btn-group-xs`, `.btn-group-sm`, or `.btn-group-lg` to your `.btn-group` to replicate `.btn-xs`, `.btn-sm`, and `. btn-lg`, respectively. Both sets of new sizing classes simply use the existing individual sizing classes as mixins, so customization of them is automatically inherited when compiling.
2013-08-12 23:03:57 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
background-color: #fff;
merge, compile
2013-12-09 07:11:46 +01:00
border: 1px solid #ddd;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-radius: 15px;
Newfangled input and button group sizing (fixes #9295) Instead of applying `.btn-` or `.input-` to individual elements in button and input groups, we now have new sizing classes to keep your markup a little leaner. * Add `.input-group-sm` or `.input-group-lg` to your `.input-group` to replicate `.input-sm` and `.input-lg`, respectively. * Add `.btn-group-xs`, `.btn-group-sm`, or `.btn-group-lg` to your `.btn-group` to replicate `.btn-xs`, `.btn-sm`, and `. btn-lg`, respectively. Both sets of new sizing classes simply use the existing individual sizing classes as mixins, so customization of them is automatically inherited when compiling.
2013-08-12 23:03:57 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #eee;
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pager .next > a,
.pager .next > span {
float: right;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pager .previous > a,
.pager .previous > span {
float: left;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
merge, compile
2013-12-09 07:11:46 +01:00
color: #999;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
cursor: not-allowed;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #fff;
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.label {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
display: inline;
padding: .2em .6em .3em;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
font-size: 75%;
font-weight: bold;
line-height: 1;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
color: #fff;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
text-align: center;
merge, compile
2013-12-09 07:11:46 +01:00
white-space: nowrap;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
vertical-align: baseline;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-radius: .25em;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.label[href]:hover,
.label[href]:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
text-decoration: none;
cursor: pointer;
merge, compile
2013-12-09 07:11:46 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.label:empty {
display: none;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
grunt
2013-12-01 06:17:53 +01:00
.btn .label {
position: relative;
top: -1px;
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.label-default {
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #999;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #808080;
enable button groups in vertical button groups
2013-08-13 19:24:18 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.label-primary {
background-color: #428bca;
enable button groups in vertical button groups
2013-08-13 19:24:18 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #3071a9;
enable button groups in vertical button groups
2013-08-13 19:24:18 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.label-success {
background-color: #5cb85c;
enable button groups in vertical button groups
2013-08-13 19:24:18 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44;
enable button groups in vertical button groups
2013-08-13 19:24:18 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.label-info {
background-color: #5bc0de;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.label-warning {
background-color: #f0ad4e;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f;
derp
2013-08-13 18:59:38 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.label-danger {
background-color: #d9534f;
derp
2013-08-13 18:59:38 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c;
derp
2013-08-13 18:59:38 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.badge {
merge, compile
2013-12-09 07:11:46 +01:00
display: inline-block;
min-width: 10px;
padding: 3px 7px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
text-align: center;
merge, compile
2013-12-09 07:11:46 +01:00
white-space: nowrap;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
vertical-align: baseline;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #999;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-radius: 10px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.badge:empty {
display: none;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
grunt
2013-12-01 06:17:53 +01:00
.btn .badge {
position: relative;
top: -1px;
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
a.badge:hover,
a.badge:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
text-decoration: none;
cursor: pointer;
merge, compile
2013-12-09 07:11:46 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #428bca;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #fff;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.nav-pills > li > a > .badge {
margin-left: 3px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.jumbotron {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
padding: 30px;
margin-bottom: 30px;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
color: inherit;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #eee;
run make after that breadcrumbs tweak
2013-03-31 20:58:25 +02:00
}
Support .h1 in place of h1 inside .jumbotron As in #7284, it can often be useful to style text like a heading in places where using the heading tag would be either semantically incorrect, less accessible, or otherwise invalid. Support this in .jumbotron as in the rest of the document by allowing elements with class .h1 to stand in for the h1 element. Signed-off-by: Kevin Locke <kevin@kevinlocke.name>
2013-10-31 01:37:17 +01:00
.jumbotron h1,
.jumbotron .h1 {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
color: inherit;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.jumbotron p {
Fixes #11588: Scope font-size to only p elements in a .jumbotron and remove the supersized line-height from the base class
2013-12-15 06:50:47 +01:00
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.container .jumbotron {
border-radius: 6px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Fixes #11390: Add max-width to containers within jumbotrons to avoid horizontal scrollbar
2013-11-30 03:33:59 +01:00
.jumbotron .container {
max-width: 100%;
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
@media screen and (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.jumbotron {
save and recompile for that last commit
2013-08-19 17:51:25 +02:00
padding-top: 48px;
padding-bottom: 48px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.container .jumbotron {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
padding-right: 60px;
padding-left: 60px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.jumbotron h1,
Support .h1 in place of h1 inside .jumbotron As in #7284, it can often be useful to style text like a heading in places where using the heading tag would be either semantically incorrect, less accessible, or otherwise invalid. Support this in .jumbotron as in the rest of the document by allowing elements with class .h1 to stand in for the h1 element. Signed-off-by: Kevin Locke <kevin@kevinlocke.name>
2013-10-31 01:37:17 +01:00
.jumbotron .h1 {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
font-size: 63px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
}
improve dependencies for image thumbnails and thumbnail component
2013-08-19 04:24:10 +02:00
.thumbnail {
display: block;
merge, compile
2013-12-09 07:11:46 +01:00
padding: 4px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-bottom: 20px;
line-height: 1.428571429;
background-color: #fff;
merge, compile
2013-12-09 07:11:46 +01:00
border: 1px solid #ddd;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-radius: 4px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
grunt
2013-12-03 22:54:56 +01:00
.thumbnail > img,
.thumbnail a > img {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
display: block;
max-width: 100%;
merge, compile
2013-12-09 07:11:46 +01:00
height: auto;
Combine multiple .thumbnail > img styles
2013-10-30 10:00:28 +01:00
margin-right: auto;
margin-left: auto;
use nesting more in pagination.less
2013-07-07 23:52:00 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
a.thumbnail:hover,
extended hover state of linked versions of .thumbnail
2013-10-15 01:10:49 +02:00
a.thumbnail:focus,
a.thumbnail.active {
improve pagination's active state so it looks less like the active state and more like active nav items
2013-08-15 22:16:06 +02:00
border-color: #428bca;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.thumbnail .caption {
padding: 9px;
merge, compile
2013-12-09 07:11:46 +01:00
color: #333;
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.alert {
merge, compile
2013-12-09 07:11:46 +01:00
padding: 15px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-bottom: 20px;
Update var in theme
2013-08-19 04:57:25 +02:00
border: 1px solid transparent;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-radius: 4px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.alert h4 {
margin-top: 0;
color: inherit;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.alert .alert-link {
font-weight: bold;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.alert > p,
.alert > ul {
margin-bottom: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.alert > p + p {
margin-top: 5px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.alert-dismissable {
padding-right: 35px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.alert-dismissable .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.alert-success {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
color: #3c763d;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #dff0d8;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #d6e9c6;
fuck everything about .clear_float() -- restore .clearfix() as mixin
2013-03-30 21:23:18 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.alert-success hr {
border-top-color: #c9e2b3;
fuck everything about .clear_float() -- restore .clearfix() as mixin
2013-03-30 21:23:18 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.alert-success .alert-link {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
color: #2b542c;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.alert-info {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
color: #31708f;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #d9edf7;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #bce8f1;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.alert-info hr {
border-top-color: #a6e1ec;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.alert-info .alert-link {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
color: #245269;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Update var in theme
2013-08-19 04:57:25 +02:00
.alert-warning {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
color: #8a6d3b;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #fcf8e3;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #faebcc;
Update var in theme
2013-08-19 04:57:25 +02:00
}
.alert-warning hr {
Match order of vars to order of components; darken some alert borders
2013-09-09 01:58:56 +02:00
border-top-color: #f7e1b5;
Update var in theme
2013-08-19 04:57:25 +02:00
}
.alert-warning .alert-link {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
color: #66512c;
Update var in theme
2013-08-19 04:57:25 +02:00
}
.alert-danger {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
color: #a94442;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #f2dede;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #ebccd1;
Update var in theme
2013-08-19 04:57:25 +02:00
}
.alert-danger hr {
fixes #10526: Remove custom background on responsive tables and set it in the docs where it should've been originally
2013-09-09 05:03:52 +02:00
border-top-color: #e4b9c0;
Update var in theme
2013-08-19 04:57:25 +02:00
}
.alert-danger .alert-link {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
color: #843534;
Update var in theme
2013-08-19 04:57:25 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
@-webkit-keyframes progress-bar-stripes {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
from {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
background-position: 40px 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
to {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
background-position: 0 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
}
@keyframes progress-bar-stripes {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
from {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
background-position: 40px 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
to {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
background-position: 0 0;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.progress {
height: 20px;
margin-bottom: 20px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
overflow: hidden;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #f5f5f5;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-radius: 4px;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.progress-bar {
float: left;
width: 0;
height: 100%;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 12px;
line-height: 20px;
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
text-align: center;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
background-color: #428bca;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
more closely align property order with recess
2013-12-09 07:55:09 +01:00
-webkit-transition: width .6s ease;
transition: width .6s ease;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.progress-striped .progress-bar {
merge, compile
2013-12-09 07:11:46 +01:00
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
background-size: 40px 40px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.progress.active .progress-bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.progress-bar-success {
background-color: #5cb85c;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.progress-striped .progress-bar-success {
merge, compile
2013-12-09 07:11:46 +01:00
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.progress-bar-info {
background-color: #5bc0de;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.progress-striped .progress-bar-info {
merge, compile
2013-12-09 07:11:46 +01:00
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.progress-bar-warning {
background-color: #f0ad4e;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.progress-striped .progress-bar-warning {
merge, compile
2013-12-09 07:11:46 +01:00
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.progress-bar-danger {
background-color: #d9534f;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.progress-striped .progress-bar-danger {
merge, compile
2013-12-09 07:11:46 +01:00
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
fuck everything about .clear_float() -- restore .clearfix() as mixin
2013-03-30 21:23:18 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.media,
.media-body {
overflow: hidden;
zoom: 1;
fuck everything about .clear_float() -- restore .clearfix() as mixin
2013-03-30 21:23:18 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.media,
.media .media {
margin-top: 15px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.media:first-child {
margin-top: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.media-object {
display: block;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.media-heading {
margin: 0 0 5px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.media > .pull-left {
margin-right: 10px;
}
.media > .pull-right {
margin-left: 10px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
merge, compile
2013-12-09 07:11:46 +01:00
padding-left: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-bottom: 20px;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
}
.list-group-item {
position: relative;
convert to jekyll
2013-02-12 21:16:32 +01:00
display: block;
merge, compile
2013-12-09 07:11:46 +01:00
padding: 10px 15px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-bottom: -1px;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #fff;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border: 1px solid #ddd;
merge, compile
2013-12-09 07:11:46 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.list-group-item:first-child {
border-top-left-radius: 4px;
merge, compile
2013-12-09 07:11:46 +01:00
border-top-right-radius: 4px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.list-group-item > .badge {
float: right;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.list-group-item > .badge + .badge {
margin-right: 5px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
a.list-group-item {
merge, compile
2013-12-09 07:11:46 +01:00
color: #555;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
a.list-group-item .list-group-item-heading {
merge, compile
2013-12-09 07:11:46 +01:00
color: #333;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
}
a.list-group-item:hover,
a.list-group-item:focus {
convert to jekyll
2013-02-12 21:16:32 +01:00
text-decoration: none;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
background-color: #f5f5f5;
}
unnest the list-group-item link variation for #11085 and #11088
2013-10-14 22:45:32 +02:00
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
z-index: 2;
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
background-color: #428bca;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #428bca;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
}
unnest the list-group-item link variation for #11085 and #11088
2013-10-14 22:45:32 +02:00
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
color: inherit;
}
unnest the list-group-item link variation for #11085 and #11088
2013-10-14 22:45:32 +02:00
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
color: #e1edf7;
}
Contextual list group cleanup * Adds nav link to sidebar for contextual classes * Refactors to use prefixed classes, like .list-group-item-info, instead of chained classes * Adds default and linked variations to example in docs
2013-12-07 23:09:03 +01:00
.list-group-item-success {
Merge branch 'pr/11138' Conflicts: dist/css/bootstrap.min.css dist/js/bootstrap.min.js docs-assets/js/raw-files.js
2013-12-07 23:10:41 +01:00
color: #3c763d;
Contextual list group cleanup * Adds nav link to sidebar for contextual classes * Refactors to use prefixed classes, like .list-group-item-info, instead of chained classes * Adds default and linked variations to example in docs
2013-12-07 23:09:03 +01:00
background-color: #dff0d8;
}
a.list-group-item-success {
Merge branch 'pr/11138' Conflicts: dist/css/bootstrap.min.css dist/js/bootstrap.min.js docs-assets/js/raw-files.js
2013-12-07 23:10:41 +01:00
color: #3c763d;
Contextual list group cleanup * Adds nav link to sidebar for contextual classes * Refactors to use prefixed classes, like .list-group-item-info, instead of chained classes * Adds default and linked variations to example in docs
2013-12-07 23:09:03 +01:00
}
a.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
Merge branch 'pr/11138' Conflicts: dist/css/bootstrap.min.css dist/js/bootstrap.min.js docs-assets/js/raw-files.js
2013-12-07 23:10:41 +01:00
color: #3c763d;
Contextual list group cleanup * Adds nav link to sidebar for contextual classes * Refactors to use prefixed classes, like .list-group-item-info, instead of chained classes * Adds default and linked variations to example in docs
2013-12-07 23:09:03 +01:00
background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
color: #fff;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #3c763d;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #3c763d;
Contextual list group cleanup * Adds nav link to sidebar for contextual classes * Refactors to use prefixed classes, like .list-group-item-info, instead of chained classes * Adds default and linked variations to example in docs
2013-12-07 23:09:03 +01:00
}
.list-group-item-warning {
Merge branch 'pr/11138' Conflicts: dist/css/bootstrap.min.css dist/js/bootstrap.min.js docs-assets/js/raw-files.js
2013-12-07 23:10:41 +01:00
color: #8a6d3b;
Contextual list group cleanup * Adds nav link to sidebar for contextual classes * Refactors to use prefixed classes, like .list-group-item-info, instead of chained classes * Adds default and linked variations to example in docs
2013-12-07 23:09:03 +01:00
background-color: #fcf8e3;
}
a.list-group-item-warning {
Merge branch 'pr/11138' Conflicts: dist/css/bootstrap.min.css dist/js/bootstrap.min.js docs-assets/js/raw-files.js
2013-12-07 23:10:41 +01:00
color: #8a6d3b;
Contextual list group cleanup * Adds nav link to sidebar for contextual classes * Refactors to use prefixed classes, like .list-group-item-info, instead of chained classes * Adds default and linked variations to example in docs
2013-12-07 23:09:03 +01:00
}
a.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
Merge branch 'pr/11138' Conflicts: dist/css/bootstrap.min.css dist/js/bootstrap.min.js docs-assets/js/raw-files.js
2013-12-07 23:10:41 +01:00
color: #8a6d3b;
Contextual list group cleanup * Adds nav link to sidebar for contextual classes * Refactors to use prefixed classes, like .list-group-item-info, instead of chained classes * Adds default and linked variations to example in docs
2013-12-07 23:09:03 +01:00
background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
color: #fff;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #8a6d3b;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #8a6d3b;
Contextual list group cleanup * Adds nav link to sidebar for contextual classes * Refactors to use prefixed classes, like .list-group-item-info, instead of chained classes * Adds default and linked variations to example in docs
2013-12-07 23:09:03 +01:00
}
.list-group-item-danger {
Merge branch 'pr/11138' Conflicts: dist/css/bootstrap.min.css dist/js/bootstrap.min.js docs-assets/js/raw-files.js
2013-12-07 23:10:41 +01:00
color: #a94442;
Contextual list group cleanup * Adds nav link to sidebar for contextual classes * Refactors to use prefixed classes, like .list-group-item-info, instead of chained classes * Adds default and linked variations to example in docs
2013-12-07 23:09:03 +01:00
background-color: #f2dede;
}
a.list-group-item-danger {
Merge branch 'pr/11138' Conflicts: dist/css/bootstrap.min.css dist/js/bootstrap.min.js docs-assets/js/raw-files.js
2013-12-07 23:10:41 +01:00
color: #a94442;
Contextual list group cleanup * Adds nav link to sidebar for contextual classes * Refactors to use prefixed classes, like .list-group-item-info, instead of chained classes * Adds default and linked variations to example in docs
2013-12-07 23:09:03 +01:00
}
a.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
Merge branch 'pr/11138' Conflicts: dist/css/bootstrap.min.css dist/js/bootstrap.min.js docs-assets/js/raw-files.js
2013-12-07 23:10:41 +01:00
color: #a94442;
Contextual list group cleanup * Adds nav link to sidebar for contextual classes * Refactors to use prefixed classes, like .list-group-item-info, instead of chained classes * Adds default and linked variations to example in docs
2013-12-07 23:09:03 +01:00
background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
color: #fff;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #a94442;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #a94442;
Contextual list group cleanup * Adds nav link to sidebar for contextual classes * Refactors to use prefixed classes, like .list-group-item-info, instead of chained classes * Adds default and linked variations to example in docs
2013-12-07 23:09:03 +01:00
}
.list-group-item-info {
Merge branch 'pr/11138' Conflicts: dist/css/bootstrap.min.css dist/js/bootstrap.min.js docs-assets/js/raw-files.js
2013-12-07 23:10:41 +01:00
color: #31708f;
Contextual list group cleanup * Adds nav link to sidebar for contextual classes * Refactors to use prefixed classes, like .list-group-item-info, instead of chained classes * Adds default and linked variations to example in docs
2013-12-07 23:09:03 +01:00
background-color: #d9edf7;
}
a.list-group-item-info {
Merge branch 'pr/11138' Conflicts: dist/css/bootstrap.min.css dist/js/bootstrap.min.js docs-assets/js/raw-files.js
2013-12-07 23:10:41 +01:00
color: #31708f;
Contextual list group cleanup * Adds nav link to sidebar for contextual classes * Refactors to use prefixed classes, like .list-group-item-info, instead of chained classes * Adds default and linked variations to example in docs
2013-12-07 23:09:03 +01:00
}
a.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
Merge branch 'pr/11138' Conflicts: dist/css/bootstrap.min.css dist/js/bootstrap.min.js docs-assets/js/raw-files.js
2013-12-07 23:10:41 +01:00
color: #31708f;
Contextual list group cleanup * Adds nav link to sidebar for contextual classes * Refactors to use prefixed classes, like .list-group-item-info, instead of chained classes * Adds default and linked variations to example in docs
2013-12-07 23:09:03 +01:00
background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
color: #fff;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #31708f;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #31708f;
Contextual list group cleanup * Adds nav link to sidebar for contextual classes * Refactors to use prefixed classes, like .list-group-item-info, instead of chained classes * Adds default and linked variations to example in docs
2013-12-07 23:09:03 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
merge, compile
2013-12-09 07:11:46 +01:00
margin-bottom: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
line-height: 1.3;
merge, compile
2013-12-09 07:11:46 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel {
margin-bottom: 20px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
background-color: #fff;
Refactor panels to have a base class for improved flexibility when customizing (and no overriding to start, too)
2013-08-19 04:40:57 +02:00
border: 1px solid transparent;
convert to jekyll
2013-02-12 21:16:32 +01:00
border-radius: 4px;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-body {
padding: 15px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel > .list-group {
margin-bottom: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel > .list-group .list-group-item {
border-width: 1px 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel > .list-group .list-group-item:first-child {
border-top-left-radius: 0;
merge, compile
2013-12-09 07:11:46 +01:00
border-top-right-radius: 0;
fixes #7961 a bit: adds css for extra tooltip placement options. /cc @fat you just need dat js prolly
2013-06-28 05:50:00 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel > .list-group .list-group-item:last-child {
border-bottom: 0;
fixes #7961 a bit: adds css for extra tooltip placement options. /cc @fat you just need dat js prolly
2013-06-28 05:50:00 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
Fixes #10492: Account for responsive tables in panels
2013-09-12 08:11:18 +02:00
.panel > .table,
Fix for Issue #11411
2013-11-26 00:19:11 +01:00
.panel > .table-responsive > .table {
fixes #9786: enable tables in panels
2013-08-18 20:08:20 +02:00
margin-bottom: 0;
}
Fixes #10492: Account for responsive tables in panels
2013-09-12 08:11:18 +02:00
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
merge, compile
2013-12-09 07:11:46 +01:00
border-top: 1px solid #ddd;
fixes #9786: enable tables in panels
2013-08-18 20:08:20 +02:00
}
Fixes #11553: Prevent double border on tables in panels without thead content
2013-11-28 21:49:51 +01:00
.panel > .table > tbody:first-child th,
.panel > .table > tbody:first-child td {
border-top: 0;
}
Fixes #10492: Account for responsive tables in panels
2013-09-12 08:11:18 +02:00
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
account for last child bottom border; use 0 instead of none
2013-09-06 00:10:56 +02:00
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
Fixes #10492: Account for responsive tables in panels
2013-09-12 08:11:18 +02:00
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
account for last child bottom border; use 0 instead of none
2013-09-06 00:10:56 +02:00
.panel > .table-bordered > tbody > tr > th:first-child,
Fixes #10492: Account for responsive tables in panels
2013-09-12 08:11:18 +02:00
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
account for last child bottom border; use 0 instead of none
2013-09-06 00:10:56 +02:00
.panel > .table-bordered > tfoot > tr > th:first-child,
Fixes #10492: Account for responsive tables in panels
2013-09-12 08:11:18 +02:00
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
account for last child bottom border; use 0 instead of none
2013-09-06 00:10:56 +02:00
.panel > .table-bordered > thead > tr > td:first-child,
Fixes #10492: Account for responsive tables in panels
2013-09-12 08:11:18 +02:00
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
account for last child bottom border; use 0 instead of none
2013-09-06 00:10:56 +02:00
.panel > .table-bordered > tbody > tr > td:first-child,
Fixes #10492: Account for responsive tables in panels
2013-09-12 08:11:18 +02:00
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
account for last child bottom border; use 0 instead of none
2013-09-06 00:10:56 +02:00
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
Fixes #10492: Account for responsive tables in panels
2013-09-12 08:11:18 +02:00
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
account for last child bottom border; use 0 instead of none
2013-09-06 00:10:56 +02:00
.panel > .table-bordered > tbody > tr > th:last-child,
Fixes #10492: Account for responsive tables in panels
2013-09-12 08:11:18 +02:00
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
account for last child bottom border; use 0 instead of none
2013-09-06 00:10:56 +02:00
.panel > .table-bordered > tfoot > tr > th:last-child,
Fixes #10492: Account for responsive tables in panels
2013-09-12 08:11:18 +02:00
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
account for last child bottom border; use 0 instead of none
2013-09-06 00:10:56 +02:00
.panel > .table-bordered > thead > tr > td:last-child,
Fixes #10492: Account for responsive tables in panels
2013-09-12 08:11:18 +02:00
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
account for last child bottom border; use 0 instead of none
2013-09-06 00:10:56 +02:00
.panel > .table-bordered > tbody > tr > td:last-child,
Fixes #10492: Account for responsive tables in panels
2013-09-12 08:11:18 +02:00
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
account for last child bottom border; use 0 instead of none
2013-09-06 00:10:56 +02:00
border-right: 0;
}
.panel > .table-bordered > thead > tr:last-child > th,
Fixes #10492: Account for responsive tables in panels
2013-09-12 08:11:18 +02:00
.panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
account for last child bottom border; use 0 instead of none
2013-09-06 00:10:56 +02:00
.panel > .table-bordered > tbody > tr:last-child > th,
Fixes #10492: Account for responsive tables in panels
2013-09-12 08:11:18 +02:00
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
account for last child bottom border; use 0 instead of none
2013-09-06 00:10:56 +02:00
.panel > .table-bordered > tfoot > tr:last-child > th,
Fixes #10492: Account for responsive tables in panels
2013-09-12 08:11:18 +02:00
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
account for last child bottom border; use 0 instead of none
2013-09-06 00:10:56 +02:00
.panel > .table-bordered > thead > tr:last-child > td,
Fixes #10492: Account for responsive tables in panels
2013-09-12 08:11:18 +02:00
.panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
account for last child bottom border; use 0 instead of none
2013-09-06 00:10:56 +02:00
.panel > .table-bordered > tbody > tr:last-child > td,
Fixes #10492: Account for responsive tables in panels
2013-09-12 08:11:18 +02:00
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
account for last child bottom border; use 0 instead of none
2013-09-06 00:10:56 +02:00
border-bottom: 0;
}
Fixes #11712: Better support for .table-responsive within .panel's
2013-12-05 06:13:33 +01:00
.panel > .table-responsive {
margin-bottom: 0;
border: 0;
}
Fixes #10492 again, this time for last row's corners on striped tables
2013-12-16 02:22:55 +01:00
.panel > .table-striped > tbody > tr:last-child td:first-child,
.panel > .table-responsive > .table-striped > tbody > tr:last-child td:first-child,
.panel > .table-striped > tbody > tr:last-child th:first-child,
.panel > .table-responsive > .table-striped > tbody > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel > .table-striped > tbody > tr:last-child td:last-child,
.panel > .table-responsive > .table-striped > tbody > tr:last-child td:last-child,
.panel > .table-striped > tbody > tr:last-child th:last-child,
.panel > .table-responsive > .table-striped > tbody > tr:last-child th:last-child {
border-bottom-left-radius: 3px;
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-heading {
padding: 10px 15px;
Refactor panels to have a base class for improved flexibility when customizing (and no overriding to start, too)
2013-08-19 04:40:57 +02:00
border-bottom: 1px solid transparent;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-top-left-radius: 3px;
merge, compile
2013-12-09 07:11:46 +01:00
border-top-right-radius: 3px;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
}
Dropdown in panel header does not inherit its colors Fix for issue #10627
2013-09-16 11:38:26 +02:00
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-title {
margin-top: 0;
margin-bottom: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 16px;
Fixes #11544: Add color: inherit; to .panel-title to ensure proper text color when customizing @headings-color
2013-11-30 23:53:54 +01:00
color: inherit;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
}
.panel-title > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
background-color: #f5f5f5;
merge, compile
2013-12-09 07:11:46 +01:00
border-top: 1px solid #ddd;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel-group .panel {
merge, compile
2013-12-09 07:11:46 +01:00
margin-bottom: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
overflow: hidden;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-radius: 4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-group .panel-heading {
border-bottom: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-group .panel-heading + .panel-collapse .panel-body {
merge, compile
2013-12-09 07:11:46 +01:00
border-top: 1px solid #ddd;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-group .panel-footer {
border-top: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-group .panel-footer + .panel-collapse .panel-body {
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom: 1px solid #ddd;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Refactor panels to have a base class for improved flexibility when customizing (and no overriding to start, too)
2013-08-19 04:40:57 +02:00
.panel-default {
merge, compile
2013-12-09 07:11:46 +01:00
border-color: #ddd;
Refactor panels to have a base class for improved flexibility when customizing (and no overriding to start, too)
2013-08-19 04:40:57 +02:00
}
.panel-default > .panel-heading {
merge, compile
2013-12-09 07:11:46 +01:00
color: #333;
Refactor panels to have a base class for improved flexibility when customizing (and no overriding to start, too)
2013-08-19 04:40:57 +02:00
background-color: #f5f5f5;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #ddd;
Refactor panels to have a base class for improved flexibility when customizing (and no overriding to start, too)
2013-08-19 04:40:57 +02:00
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
merge, compile
2013-12-09 07:11:46 +01:00
border-top-color: #ddd;
Refactor panels to have a base class for improved flexibility when customizing (and no overriding to start, too)
2013-08-19 04:40:57 +02:00
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom-color: #ddd;
Refactor panels to have a base class for improved flexibility when customizing (and no overriding to start, too)
2013-08-19 04:40:57 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-primary {
border-color: #428bca;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-primary > .panel-heading {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
background-color: #428bca;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #428bca;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-primary > .panel-heading + .panel-collapse .panel-body {
border-top-color: #428bca;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-primary > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #428bca;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-success {
border-color: #d6e9c6;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-success > .panel-heading {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
color: #3c763d;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #dff0d8;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #d6e9c6;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-success > .panel-heading + .panel-collapse .panel-body {
border-top-color: #d6e9c6;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-success > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #d6e9c6;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-warning {
Match order of vars to order of components; darken some alert borders
2013-09-09 01:58:56 +02:00
border-color: #faebcc;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-warning > .panel-heading {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
color: #8a6d3b;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #fcf8e3;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #faebcc;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-warning > .panel-heading + .panel-collapse .panel-body {
Match order of vars to order of components; darken some alert borders
2013-09-09 01:58:56 +02:00
border-top-color: #faebcc;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-warning > .panel-footer + .panel-collapse .panel-body {
Match order of vars to order of components; darken some alert borders
2013-09-09 01:58:56 +02:00
border-bottom-color: #faebcc;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-danger {
fixes #10526: Remove custom background on responsive tables and set it in the docs where it should've been originally
2013-09-09 05:03:52 +02:00
border-color: #ebccd1;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-danger > .panel-heading {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
color: #a94442;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #f2dede;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #ebccd1;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-danger > .panel-heading + .panel-collapse .panel-body {
fixes #10526: Remove custom background on responsive tables and set it in the docs where it should've been originally
2013-09-09 05:03:52 +02:00
border-top-color: #ebccd1;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-danger > .panel-footer + .panel-collapse .panel-body {
fixes #10526: Remove custom background on responsive tables and set it in the docs where it should've been originally
2013-09-09 05:03:52 +02:00
border-bottom-color: #ebccd1;
Use translucent box shadow on hr elements; colorize hr elements within alert components
2013-03-15 07:01:23 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-info {
border-color: #bce8f1;
Fixes #7150: colorize links in alerts
2013-03-16 23:31:03 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-info > .panel-heading {
Merge branch 'master' into pr/11388 Conflicts: dist/css/bootstrap.min.css
2013-11-30 09:26:53 +01:00
color: #31708f;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #d9edf7;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-color: #bce8f1;
Fix #9008: consolidate `.alert-block` styles into `.alert`
2013-08-02 18:32:58 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-info > .panel-heading + .panel-collapse .panel-body {
border-top-color: #bce8f1;
Fix #9008: consolidate `.alert-block` styles into `.alert`
2013-08-02 18:32:58 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.panel-info > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #bce8f1;
fixes #9310: alerts aren't dismissable by default, now requires .alert-dismissable if you need a close button
2013-08-12 10:20:22 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.well {
min-height: 20px;
merge, compile
2013-12-09 07:11:46 +01:00
padding: 19px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-bottom: 20px;
background-color: #f5f5f5;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border: 1px solid #e3e3e3;
border-radius: 4px;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
fixes #9310: alerts aren't dismissable by default, now requires .alert-dismissable if you need a close button
2013-08-12 10:20:22 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.well blockquote {
border-color: #ddd;
merge, compile
2013-12-09 07:11:46 +01:00
border-color: rgba(0, 0, 0, .15);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.well-lg {
padding: 24px;
border-radius: 6px;
Use translucent box shadow on hr elements; colorize hr elements within alert components
2013-03-15 07:01:23 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.well-sm {
padding: 9px;
border-radius: 3px;
Fixes #7150: colorize links in alerts
2013-03-16 23:31:03 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.close {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
float: right;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
font-size: 21px;
font-weight: bold;
line-height: 1;
merge, compile
2013-12-09 07:11:46 +01:00
color: #000;
text-shadow: 0 1px 0 #fff;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
opacity: .2;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
filter: alpha(opacity=20);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.close:hover,
.close:focus {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
color: #000;
merge, compile
2013-12-09 07:11:46 +01:00
text-decoration: none;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
cursor: pointer;
merge, compile
2013-12-09 07:11:46 +01:00
opacity: .5;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
filter: alpha(opacity=50);
Use translucent box shadow on hr elements; colorize hr elements within alert components
2013-03-15 07:01:23 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
button.close {
padding: 0;
cursor: pointer;
merge, compile
2013-12-09 07:11:46 +01:00
background: transparent;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border: 0;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
-webkit-appearance: none;
Fixes #7150: colorize links in alerts
2013-03-16 23:31:03 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.modal-open {
overflow: hidden;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
add dist files.
2013-12-13 12:27:56 +01:00
z-index: 1050;
run grunt on modal scrolling change
2013-12-15 23:13:25 +01:00
-webkit-overflow-scrolling: touch;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
display: none;
overflow: auto;
overflow-y: scroll;
removed outline from modal
2013-10-05 12:55:26 +02:00
outline: 0;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
}
.modal.fade .modal-dialog {
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-transition: -webkit-transform .3s ease-out;
-moz-transition: -moz-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
Use translucent box shadow on hr elements; colorize hr elements within alert components
2013-03-15 07:01:23 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.modal-dialog {
fixes #11139: add position: relative; to .modal-dialog so that z-index takes effect
2013-10-21 05:04:10 +02:00
position: relative;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
width: auto;
Fixes #11425: Use margin instead of padding on .modal-dialog to enable click-thru to .modal-backdrop
2013-11-30 07:03:49 +01:00
margin: 10px;
Fixes #7150: colorize links in alerts
2013-03-16 23:31:03 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.modal-content {
position: relative;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
background-color: #fff;
background-clip: padding-box;
merge, compile
2013-12-09 07:11:46 +01:00
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-radius: 6px;
outline: none;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
add dist files.
2013-12-13 12:27:56 +01:00
z-index: 1040;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #000;
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.modal-backdrop.in {
merge, compile
2013-12-09 07:11:46 +01:00
opacity: .5;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
filter: alpha(opacity=50);
fixes #9622: reset to inline-block for img-thumbnail, but keep block for .thumbnail > img
2013-08-15 22:40:21 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.modal-header {
min-height: 16.428571429px;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.modal-header .close {
margin-top: -2px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.modal-title {
merge, compile
2013-12-09 07:11:46 +01:00
margin: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
line-height: 1.428571429;
merge, compile
2013-12-09 07:11:46 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.modal-body {
position: relative;
padding: 20px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.modal-footer {
merge, compile
2013-12-09 07:11:46 +01:00
padding: 19px 20px 20px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-top: 15px;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
text-align: right;
border-top: 1px solid #e5e5e5;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
Bring back the label, make it scale somewhat with the font-size of the parent using percentages and ems
2013-02-18 07:20:49 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.modal-footer .btn-block + .btn-block {
margin-left: 0;
Bring back the label, make it scale somewhat with the font-size of the parent using percentages and ems
2013-02-18 07:20:49 +01:00
}
Merge branch 'master' into pr/11162 Conflicts: less/modals.less
2013-12-15 01:29:47 +01:00
@media (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.modal-dialog {
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
width: 600px;
Fix up new margins on modals by not setting auto until screen-sm-min
2013-11-30 20:56:06 +01:00
margin: 30px auto;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.modal-content {
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Merge branch 'master' into pr/11162 Conflicts: less/modals.less
2013-12-15 01:29:47 +01:00
.modal-sm {
width: 300px;
}
.modal-lg {
width: 900px;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
}
fixes #9241: enable collapsing for labels, in addition to badges, when empty
2013-08-11 21:43:43 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.tooltip {
position: absolute;
z-index: 1030;
display: block;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 12px;
line-height: 1.4;
merge, compile
2013-12-09 07:11:46 +01:00
visibility: visible;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
opacity: 0;
filter: alpha(opacity=0);
Update labels to include a base class * Builds on the new button styles by requiring a `.btn-default` for the regular, gray labels * Updates components examples to show new stuff
2013-08-06 00:30:28 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.tooltip.in {
merge, compile
2013-12-09 07:11:46 +01:00
opacity: .9;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
filter: alpha(opacity=90);
Update labels to include a base class * Builds on the new button styles by requiring a `.btn-default` for the regular, gray labels * Updates components examples to show new stuff
2013-08-06 00:30:28 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.tooltip.top {
merge, compile
2013-12-09 07:11:46 +01:00
padding: 5px 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-top: -3px;
Bring back the label, make it scale somewhat with the font-size of the parent using percentages and ems
2013-02-18 07:20:49 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.tooltip.right {
merge, compile
2013-12-09 07:11:46 +01:00
padding: 0 5px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-left: 3px;
Bring back the label, make it scale somewhat with the font-size of the parent using percentages and ems
2013-02-18 07:20:49 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.tooltip.bottom {
merge, compile
2013-12-09 07:11:46 +01:00
padding: 5px 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-top: 3px;
Bring back the label, make it scale somewhat with the font-size of the parent using percentages and ems
2013-02-18 07:20:49 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.tooltip.left {
merge, compile
2013-12-09 07:11:46 +01:00
padding: 0 5px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-left: -3px;
Bring back the label, make it scale somewhat with the font-size of the parent using percentages and ems
2013-02-18 07:20:49 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
color: #fff;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
text-align: center;
text-decoration: none;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #000;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-radius: 4px;
Fixes #9617: consistent variation order, add .label-primary
2013-08-15 20:31:26 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
merge, compile
2013-12-09 07:11:46 +01:00
border-color: transparent;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-style: solid;
Fixes #9617: consistent variation order, add .label-primary
2013-08-15 20:31:26 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
merge, compile
2013-12-09 07:11:46 +01:00
border-top-color: #000;
Nuked local .a() mixins and simplified the nesting
2013-04-22 15:34:23 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-width: 5px 5px 0;
merge, compile
2013-12-09 07:11:46 +01:00
border-top-color: #000;
Nuked local .a() mixins and simplified the nesting
2013-04-22 15:34:23 +02:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.tooltip.top-right .tooltip-arrow {
right: 5px;
bottom: 0;
border-width: 5px 5px 0;
merge, compile
2013-12-09 07:11:46 +01:00
border-top-color: #000;
Bring back the label, make it scale somewhat with the font-size of the parent using percentages and ems
2013-02-18 07:20:49 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
merge, compile
2013-12-09 07:11:46 +01:00
border-right-color: #000;
Bring back the label, make it scale somewhat with the font-size of the parent using percentages and ems
2013-02-18 07:20:49 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
merge, compile
2013-12-09 07:11:46 +01:00
border-left-color: #000;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom-color: #000;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.tooltip.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-width: 0 5px 5px;
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom-color: #000;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-width: 0 5px 5px;
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom-color: #000;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.popover {
position: absolute;
top: 0;
left: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
z-index: 1010;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
display: none;
max-width: 276px;
padding: 1px;
text-align: left;
white-space: normal;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
background-color: #fff;
background-clip: padding-box;
merge, compile
2013-12-09 07:11:46 +01:00
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-radius: 6px;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.popover.top {
margin-top: -10px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.popover.right {
margin-left: 10px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.popover.bottom {
margin-top: 10px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.popover.left {
margin-left: -10px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.popover-title {
more closely align property order with recess
2013-12-09 07:55:09 +01:00
padding: 8px 14px;
margin: 0;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
font-size: 14px;
font-weight: normal;
line-height: 18px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
background-color: #f7f7f7;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.popover-content {
padding: 9px 14px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.popover .arrow,
.popover .arrow:after {
position: absolute;
display: block;
convert to jekyll
2013-02-12 21:16:32 +01:00
width: 0;
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
height: 0;
merge, compile
2013-12-09 07:11:46 +01:00
border-color: transparent;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border-style: solid;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.popover .arrow {
border-width: 11px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.popover .arrow:after {
content: "";
merge, compile
2013-12-09 07:11:46 +01:00
border-width: 10px;
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.popover.top .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
merge, compile
2013-12-09 07:11:46 +01:00
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-bottom-width: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.popover.top .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
merge, compile
2013-12-09 07:11:46 +01:00
border-top-color: #fff;
border-bottom-width: 0;
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.popover.right .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
merge, compile
2013-12-09 07:11:46 +01:00
border-right-color: #999;
border-right-color: rgba(0, 0, 0, .25);
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
border-left-width: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.popover.right .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
merge, compile
2013-12-09 07:11:46 +01:00
border-right-color: #fff;
border-left-width: 0;
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.popover.bottom .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
merge, compile
2013-12-09 07:11:46 +01:00
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.popover.bottom .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
merge, compile
2013-12-09 07:11:46 +01:00
border-top-width: 0;
border-bottom-color: #fff;
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.popover.left .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
merge, compile
2013-12-09 07:11:46 +01:00
border-left-color: #999;
border-left-color: rgba(0, 0, 0, .25);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Reorder bootstrap.less to match docs oder
2013-08-18 06:18:00 +02:00
.popover.left .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
merge, compile
2013-12-09 07:11:46 +01:00
border-right-width: 0;
border-left-color: #fff;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
merge, compile
2013-12-09 07:11:46 +01:00
width: 100%;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
overflow: hidden;
merge, compile
2013-12-09 07:11:46 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.carousel-inner > .item {
position: relative;
display: none;
merge, compile
2013-12-09 07:11:46 +01:00
-webkit-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
fixes #9445: make img responsive mixin use display block, but provide option to pass custom value to it
2013-08-15 08:06:37 +02:00
display: block;
Nuke hella things * Any mentions of .btn-mini * Old docs page that somehow found it's way back
2013-06-28 18:24:46 +02:00
max-width: 100%;
merge, compile
2013-12-09 07:11:46 +01:00
height: auto;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
line-height: 1;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
Re-add carousel captions as optional * They're hidden by default in the mobile-first views because otherwise they just cover up the slides * In mobile they're centered, and then are shown left aligned at larger viewports
2013-02-16 11:47:15 +01:00
width: 15%;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 20px;
color: #fff;
Re-add carousel captions as optional * They're hidden by default in the mobile-first views because otherwise they just cover up the slides * In mobile they're centered, and then are shown left aligned at larger viewports
2013-02-16 11:47:15 +01:00
text-align: center;
convert to jekyll
2013-02-12 21:16:32 +01:00
filter: alpha(opacity=50);
merge, compile
2013-12-09 07:11:46 +01:00
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
more closely align property order with recess
2013-12-09 07:55:09 +01:00
opacity: .5;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.carousel-control.left {
merge, compile
2013-12-09 07:11:46 +01:00
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));
background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
convert to jekyll
2013-02-12 21:16:32 +01:00
background-repeat: repeat-x;
Overhaul carousel a bit more: * Drop custom type arrow controls for glyphicons icons instead for more consistent rendering * Remove the captions and instead let folks implement what they want in the carousel * Move the indicators to the bottom middle instead of top right * Lighten up gradients on the edges for less harsh lighting
2013-02-16 10:22:15 +01:00
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.carousel-control.right {
right: 0;
left: auto;
merge, compile
2013-12-09 07:11:46 +01:00
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .5) 100%));
background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
convert to jekyll
2013-02-12 21:16:32 +01:00
background-repeat: repeat-x;
Overhaul carousel a bit more: * Drop custom type arrow controls for glyphicons icons instead for more consistent rendering * Remove the captions and instead let folks implement what they want in the carousel * Move the indicators to the bottom middle instead of top right * Lighten up gradients on the edges for less harsh lighting
2013-02-16 10:22:15 +01:00
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.carousel-control:hover,
.carousel-control:focus {
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
text-decoration: none;
Fixes #10147: Remove outline from carousel controls on focus
2013-11-29 00:37:11 +01:00
outline: none;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
opacity: .9;
convert to jekyll
2013-02-12 21:16:32 +01:00
filter: alpha(opacity=90);
}
Carousel no longer dependent on glyphicons Used laquo/raquo for control buttons Updated docs
2013-07-06 20:20:56 +02:00
.carousel-control .icon-prev,
Re-enable glyphicons in carousel controls and then remove redundant CSS from example
2013-08-19 09:58:29 +02:00
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
convert to jekyll
2013-02-12 21:16:32 +01:00
position: absolute;
merge, compile
2013-12-09 07:11:46 +01:00
top: 50%;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
z-index: 5;
Overhaul carousel a bit more: * Drop custom type arrow controls for glyphicons icons instead for more consistent rendering * Remove the captions and instead let folks implement what they want in the carousel * Move the indicators to the bottom middle instead of top right * Lighten up gradients on the edges for less harsh lighting
2013-02-16 10:22:15 +01:00
display: inline-block;
Re-enable glyphicons in carousel controls and then remove redundant CSS from example
2013-08-19 09:58:29 +02:00
}
Fixing carousel control positioning The left control should be positioned from the left, while the right control should be positioning from the right. Positioning both from the left results in the right carousel control being incorrectly positioned (most noticeable with a larger than normal font size).
2013-08-22 00:51:24 +02:00
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
}
Re-enable glyphicons in carousel controls and then remove redundant CSS from example
2013-08-19 09:58:29 +02:00
.carousel-control .icon-prev,
.carousel-control .icon-next {
Overhaul carousel a bit more: * Drop custom type arrow controls for glyphicons icons instead for more consistent rendering * Remove the captions and instead let folks implement what they want in the carousel * Move the indicators to the bottom middle instead of top right * Lighten up gradients on the edges for less harsh lighting
2013-02-16 10:22:15 +01:00
width: 20px;
height: 20px;
margin-top: -10px;
Re-add carousel captions as optional * They're hidden by default in the mobile-first views because otherwise they just cover up the slides * In mobile they're centered, and then are shown left aligned at larger viewports
2013-02-16 11:47:15 +01:00
margin-left: -10px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-family: serif;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
Carousel no longer dependent on glyphicons Used laquo/raquo for control buttons Updated docs
2013-07-06 20:20:56 +02:00
.carousel-control .icon-prev:before {
change characters
2013-07-18 09:48:02 +02:00
content: '\2039';
Carousel no longer dependent on glyphicons Used laquo/raquo for control buttons Updated docs
2013-07-06 20:20:56 +02:00
}
.carousel-control .icon-next:before {
change characters
2013-07-18 09:48:02 +02:00
content: '\203a';
Carousel no longer dependent on glyphicons Used laquo/raquo for control buttons Updated docs
2013-07-06 20:20:56 +02:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.carousel-indicators {
position: absolute;
Fixes #8385: update carousel captions * No longer hidden by default--up to users to figure that part out with longer content * Cleaned up styles and spacing
2013-07-20 02:36:03 +02:00
bottom: 10px;
Overhaul carousel a bit more: * Drop custom type arrow controls for glyphicons icons instead for more consistent rendering * Remove the captions and instead let folks implement what they want in the carousel * Move the indicators to the bottom middle instead of top right * Lighten up gradients on the edges for less harsh lighting
2013-02-16 10:22:15 +01:00
left: 50%;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
z-index: 15;
Fixes #8872: widen the carousel indicators to prevent wrapping
2013-08-05 20:59:32 +02:00
width: 60%;
merge, compile
2013-12-09 07:11:46 +01:00
padding-left: 0;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
margin-left: -30%;
merge, compile
2013-12-09 07:11:46 +01:00
text-align: center;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
list-style: none;
merge, compile
2013-12-09 07:11:46 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.carousel-indicators li {
Overhaul carousel a bit more: * Drop custom type arrow controls for glyphicons icons instead for more consistent rendering * Remove the captions and instead let folks implement what they want in the carousel * Move the indicators to the bottom middle instead of top right * Lighten up gradients on the edges for less harsh lighting
2013-02-16 10:22:15 +01:00
display: inline-block;
fixes #7367: slightly larger carousel indicators
2013-07-02 03:16:59 +02:00
width: 10px;
height: 10px;
margin: 1px;
merge, compile
2013-12-09 07:11:46 +01:00
text-indent: -999px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
cursor: pointer;
Fixes #10903 and #10457: IE8-9 don't support events on elements without background-color, so we have to hack it
2013-10-21 01:46:38 +02:00
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
more closely align property order with recess
2013-12-09 07:55:09 +01:00
border: 1px solid #fff;
border-radius: 10px;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.carousel-indicators .active {
fixes #7367: slightly larger carousel indicators
2013-07-02 03:16:59 +02:00
width: 12px;
height: 12px;
margin: 0;
merge, compile
2013-12-09 07:11:46 +01:00
background-color: #fff;
}
Re-add carousel captions as optional * They're hidden by default in the mobile-first views because otherwise they just cover up the slides * In mobile they're centered, and then are shown left aligned at larger viewports
2013-02-16 11:47:15 +01:00
.carousel-caption {
position: absolute;
refactor some of the carousel caption stuff to center it and tighten styles up; update carousel template to start to redo mobile first
2013-04-03 01:17:04 +02:00
right: 15%;
Re-add carousel captions as optional * They're hidden by default in the mobile-first views because otherwise they just cover up the slides * In mobile they're centered, and then are shown left aligned at larger viewports
2013-02-16 11:47:15 +01:00
bottom: 20px;
refactor some of the carousel caption stuff to center it and tighten styles up; update carousel template to start to redo mobile first
2013-04-03 01:17:04 +02:00
left: 15%;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
z-index: 10;
Re-add carousel captions as optional * They're hidden by default in the mobile-first views because otherwise they just cover up the slides * In mobile they're centered, and then are shown left aligned at larger viewports
2013-02-16 11:47:15 +01:00
padding-top: 20px;
padding-bottom: 20px;
merge, compile
2013-12-09 07:11:46 +01:00
color: #fff;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
text-align: center;
merge, compile
2013-12-09 07:11:46 +01:00
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
run make
2013-04-01 22:25:51 +02:00
.carousel-caption .btn {
text-shadow: none;
}
Overhaul carousel a bit more: * Drop custom type arrow controls for glyphicons icons instead for more consistent rendering * Remove the captions and instead let folks implement what they want in the carousel * Move the indicators to the bottom middle instead of top right * Lighten up gradients on the edges for less harsh lighting
2013-02-16 10:22:15 +01:00
@media screen and (min-width: 768px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.carousel-control .glyphicons-chevron-left,
run grunt dist
2013-09-11 03:59:09 +02:00
.carousel-control .glyphicons-chevron-right,
.carousel-control .icon-prev,
Carousel no longer dependent on glyphicons Used laquo/raquo for control buttons Updated docs
2013-07-06 20:20:56 +02:00
.carousel-control .icon-next {
Overhaul carousel a bit more: * Drop custom type arrow controls for glyphicons icons instead for more consistent rendering * Remove the captions and instead let folks implement what they want in the carousel * Move the indicators to the bottom middle instead of top right * Lighten up gradients on the edges for less harsh lighting
2013-02-16 10:22:15 +01:00
width: 30px;
height: 30px;
margin-top: -15px;
Re-add carousel captions as optional * They're hidden by default in the mobile-first views because otherwise they just cover up the slides * In mobile they're centered, and then are shown left aligned at larger viewports
2013-02-16 11:47:15 +01:00
margin-left: -15px;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
font-size: 30px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.carousel-caption {
Add small grid for phones and tablets
2013-04-03 04:40:43 +02:00
right: 20%;
left: 20%;
refactor some of the carousel caption stuff to center it and tighten styles up; update carousel template to start to redo mobile first
2013-04-03 01:17:04 +02:00
padding-bottom: 30px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
.carousel-indicators {
Fixes #8385: update carousel captions * No longer hidden by default--up to users to figure that part out with longer content * Cleaned up styles and spacing
2013-07-20 02:36:03 +02:00
bottom: 20px;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.clearfix:before,
Switch to `&:extend(.clearfix all)` for clearfix mixin Original discussion: https://github.com/less/less.js/issues/1437#issuecomment-21383639. Since we’re switching to `grunt-contrib-less`, we can take advantage of newer LESS features than what RECESS supported. Included in that is the ability to `:extend`, and not only that, but `:extend(.mixin-name all)`. By doing so, we remove duplicate CSS for all our elements that were being clearfix-ed. Fixes #8947, #8968, #8991, #9257, #9268, #9291, #9430, #9604, #9686, #9929, #10731, #10793, #11305, #11498, #11533, #11570, #11604, #11652. (dem issues, tho)
2013-12-09 08:18:28 +01:00
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
convert to jekyll
2013-02-12 21:16:32 +01:00
display: table;
content: " ";
}
Switch to `&:extend(.clearfix all)` for clearfix mixin Original discussion: https://github.com/less/less.js/issues/1437#issuecomment-21383639. Since we’re switching to `grunt-contrib-less`, we can take advantage of newer LESS features than what RECESS supported. Included in that is the ability to `:extend`, and not only that, but `:extend(.mixin-name all)`. By doing so, we remove duplicate CSS for all our elements that were being clearfix-ed. Fixes #8947, #8968, #8991, #9257, #9268, #9291, #9430, #9604, #9686, #9929, #10731, #10793, #11305, #11498, #11533, #11570, #11604, #11652. (dem issues, tho)
2013-12-09 08:18:28 +01:00
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
convert to jekyll
2013-02-12 21:16:32 +01:00
clear: both;
}
fixes #10164: Document .center-block mixin and update CSS to include it as a class as well
2013-09-01 11:20:58 +02:00
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
.pull-right {
make pull-right !important
2013-07-28 08:05:47 +02:00
float: right !important;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.pull-left {
make pull-right !important
2013-07-28 08:05:47 +02:00
float: left !important;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
merge, compile
2013-12-09 07:11:46 +01:00
text-shadow: none;
more closely align property order with recess
2013-12-09 07:55:09 +01:00
background-color: transparent;
border: 0;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.hidden {
remove glyphicons from compiled css
2013-06-28 04:36:09 +02:00
display: none !important;
visibility: hidden !important;
convert to jekyll
2013-02-12 21:16:32 +01:00
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
Add support for `tr`, `th`, and `td` to responsive utilities
2013-06-19 04:16:42 +02:00
}
run grunt
2013-09-17 06:43:55 +02:00
.visible-xs,
tr.visible-xs,
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
th.visible-xs,
td.visible-xs {
Run grunt dist on responsive changes
2013-08-19 09:34:16 +02:00
display: none !important;
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
}
Run grunt dist on responsive changes
2013-08-19 09:34:16 +02:00
@media (max-width: 767px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.visible-xs {
Run grunt dist on responsive changes
2013-08-19 09:34:16 +02:00
display: block !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
table.visible-xs {
add <table> case to responsive-visibility mixin; see #10056
2013-12-03 22:57:28 +01:00
display: table;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
tr.visible-xs {
Run grunt dist on responsive changes
2013-08-19 09:34:16 +02:00
display: table-row !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
th.visible-xs,
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
td.visible-xs {
Run grunt dist on responsive changes
2013-08-19 09:34:16 +02:00
display: table-cell !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Run grunt dist on responsive changes
2013-08-19 09:34:16 +02:00
}
run grunt
2013-09-17 06:43:55 +02:00
.visible-sm,
tr.visible-sm,
Add support for `tr`, `th`, and `td` to responsive utilities
2013-06-19 04:16:42 +02:00
th.visible-sm,
td.visible-sm {
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
display: none !important;
Add support for `tr`, `th`, and `td` to responsive utilities
2013-06-19 04:16:42 +02:00
}
rebuild + first bit of customizer urls
2013-08-12 03:42:13 +02:00
@media (min-width: 768px) and (max-width: 991px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.visible-sm {
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
display: block !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
table.visible-sm {
add <table> case to responsive-visibility mixin; see #10056
2013-12-03 22:57:28 +01:00
display: table;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
tr.visible-sm {
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
display: table-row !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
th.visible-sm,
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
td.visible-sm {
display: table-cell !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
}
run grunt
2013-09-17 06:43:55 +02:00
.visible-md,
tr.visible-md,
Fix responsive utilities for table elements This change prevents situations where specificity causes some rules to be overridden by the ones intended for mobile. * Added mixin `responsive-invisibility()` * Swapped out `display: none !important;` for new mixin
2013-07-01 21:13:57 +02:00
th.visible-md,
td.visible-md {
display: none !important;
}
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
@media (min-width: 992px) and (max-width: 1199px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.visible-md {
rebuild + first bit of customizer urls
2013-08-12 03:42:13 +02:00
display: block !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
table.visible-md {
add <table> case to responsive-visibility mixin; see #10056
2013-12-03 22:57:28 +01:00
display: table;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
tr.visible-md {
rebuild + first bit of customizer urls
2013-08-12 03:42:13 +02:00
display: table-row !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
th.visible-md,
rebuild + first bit of customizer urls
2013-08-12 03:42:13 +02:00
td.visible-md {
display: table-cell !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
rebuild + first bit of customizer urls
2013-08-12 03:42:13 +02:00
}
run grunt
2013-09-17 06:43:55 +02:00
.visible-lg,
tr.visible-lg,
Fix responsive utilities for table elements This change prevents situations where specificity causes some rules to be overridden by the ones intended for mobile. * Added mixin `responsive-invisibility()` * Swapped out `display: none !important;` for new mixin
2013-07-01 21:13:57 +02:00
th.visible-lg,
td.visible-lg {
display: none !important;
}
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
@media (min-width: 1200px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.visible-lg {
rebuild + first bit of customizer urls
2013-08-12 03:42:13 +02:00
display: block !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
table.visible-lg {
add <table> case to responsive-visibility mixin; see #10056
2013-12-03 22:57:28 +01:00
display: table;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
tr.visible-lg {
rebuild + first bit of customizer urls
2013-08-12 03:42:13 +02:00
display: table-row !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
th.visible-lg,
rebuild + first bit of customizer urls
2013-08-12 03:42:13 +02:00
td.visible-lg {
display: table-cell !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
rebuild + first bit of customizer urls
2013-08-12 03:42:13 +02:00
}
Run grunt dist on responsive changes
2013-08-19 09:34:16 +02:00
@media (max-width: 767px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.hidden-xs,
run grunt
2013-09-17 06:43:55 +02:00
tr.hidden-xs,
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
th.hidden-xs,
td.hidden-xs {
Run grunt dist on responsive changes
2013-08-19 09:34:16 +02:00
display: none !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Run grunt dist on responsive changes
2013-08-19 09:34:16 +02:00
}
Add maximum bounds variables for so our responsive utilities don't overlap
2013-04-27 20:55:45 +02:00
@media (min-width: 768px) and (max-width: 991px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.hidden-sm,
run grunt
2013-09-17 06:43:55 +02:00
tr.hidden-sm,
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
th.hidden-sm,
td.hidden-sm {
display: none !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
}
@media (min-width: 992px) and (max-width: 1199px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.hidden-md,
run grunt
2013-09-17 06:43:55 +02:00
tr.hidden-md,
Fix responsive utilities for table elements This change prevents situations where specificity causes some rules to be overridden by the ones intended for mobile. * Added mixin `responsive-invisibility()` * Swapped out `display: none !important;` for new mixin
2013-07-01 21:13:57 +02:00
th.hidden-md,
td.hidden-md {
display: none !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
First pass at updated responsive utilities to be mobile-first. Pulled from #7490 by @apotropaic
2013-04-20 21:33:09 +02:00
}
Media query (grid and responsive utilities) overhaul Grid classes have been changed to account for a fourth set of classes, meaning we now have XS, S, M, and L options. Specifically, we made the following changes: * Renames `.col-` to `.col-xs-` * Adds `.col-md-` for devices 992px wide and up * Remaps `.col-lg-` for devices 1200px wide and up Alongside that, we've updated our media queries to better handle advanced grid layouts: * All column classes now kick in when they hit a `min-width`, undoing the #9128 fix in https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb c690f3a65 * All column offsets, pushes, and pulls are scoped to an appropriate range, meaning a `min-width` and `max-width` (thanks for the idea, @eratzlaff) We've also modified the widths of our grid containers for the small device grid (now a max 720px instead of 728px) and large device grid (now a max 1140px instead of 1170px) to avoid horizontal scrollbar problems in Firefox (likely due to box-sizing, which is why we didn't see it in 2.x). Similarly, we've updated the responsive ultility classes to match the new four media query approach of the grid system. That means we've: * Added new `.visible-xs` and `.hidden-xs` classes * Reassigns visible and hidden classes for small, medium, and large to matching grid system media queries * Updates docs examples to match grid system and account for fourth utility range ----- Fixes the following: * #9135: fourth grid tier * #9302: undoes previous range change for small grid system, so no need to update any docs here * #8755: consistent grid and responsive utilities schemas) * #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
@media (min-width: 1200px) {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.hidden-lg,
run grunt
2013-09-17 06:43:55 +02:00
tr.hidden-lg,
Fix responsive utilities for table elements This change prevents situations where specificity causes some rules to be overridden by the ones intended for mobile. * Added mixin `responsive-invisibility()` * Swapped out `display: none !important;` for new mixin
2013-07-01 21:13:57 +02:00
th.hidden-lg,
td.hidden-lg {
display: none !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
convert to jekyll
2013-02-12 21:16:32 +01:00
}
run grunt
2013-09-17 06:43:55 +02:00
.visible-print,
tr.visible-print,
Fix responsive utilities for table elements This change prevents situations where specificity causes some rules to be overridden by the ones intended for mobile. * Added mixin `responsive-invisibility()` * Swapped out `display: none !important;` for new mixin
2013-07-01 21:13:57 +02:00
th.visible-print,
td.visible-print {
display: none !important;
}
convert to jekyll
2013-02-12 21:16:32 +01:00
@media print {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.visible-print {
Redo the responsive utilities stuff * Update docs language * Enforce display: block; on all utilities for now * Fix up docs CSS for the tests
2013-05-17 04:13:58 +02:00
display: block !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
table.visible-print {
add <table> case to responsive-visibility mixin; see #10056
2013-12-03 22:57:28 +01:00
display: table;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
tr.visible-print {
Add support for `tr`, `th`, and `td` to responsive utilities
2013-06-19 04:16:42 +02:00
display: table-row !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
th.visible-print,
Add support for `tr`, `th`, and `td` to responsive utilities
2013-06-19 04:16:42 +02:00
td.visible-print {
display: table-cell !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
Fixes #11786: Nest media queries within print utilities for mixin-friendliness
2013-12-09 04:19:06 +01:00
}
@media print {
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
.hidden-print,
run grunt
2013-09-17 06:43:55 +02:00
tr.hidden-print,
Merge branch '3.0.0-responsive-tables' of https://github.com/juthilo/bootstrap-wip into juthilo-3.0.0-responsive-tables Conflicts: less/mixins.less
2013-07-02 05:06:16 +02:00
th.hidden-print,
td.hidden-print {
display: none !important;
specify block indent as numeral to prevent fubared media query output
2013-12-09 07:33:24 +01:00
}
merge, compile
2013-12-09 07:11:46 +01:00
}
Reference in New Issue Copy Permalink