aboutsummaryrefslogtreecommitdiff
path: root/less
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2014-09-17 15:21:31 -0700
committerMark Otto <[email protected]>2014-09-17 15:21:31 -0700
commit9f2aeafe851bdca522b886c29afcece1ee0060e1 (patch)
treebe13d5ce0d68631543f28af8d9b444a7bd44917e /less
parent7d9f55c3d5dcc5b12882af96245dab27be5fa346 (diff)
parentc5c67d0f54674dede58fc924d4d7c0f1d65705d9 (diff)
downloadbootstrap-9f2aeafe851bdca522b886c29afcece1ee0060e1.tar.xz
bootstrap-9f2aeafe851bdca522b886c29afcece1ee0060e1.zip
Merge branch 'master' into derp
Conflicts: Gruntfile.js dist/css/bootstrap-theme.css.map dist/css/bootstrap.css dist/css/bootstrap.css.map dist/css/bootstrap.min.css dist/fonts/glyphicons-halflings-regular.svg docs/_includes/components/badges.html docs/_includes/components/input-groups.html docs/_includes/components/pagination.html docs/_includes/css/forms.html docs/_includes/footer.html docs/_includes/getting-started/browser-device-support.html docs/_includes/getting-started/grunt.html docs/_includes/home-nav.html docs/_includes/js/alerts.html docs/_includes/js/buttons.html docs/_includes/js/carousel.html docs/_includes/js/collapse.html docs/_includes/js/modal.html docs/_includes/js/popovers.html docs/_includes/js/tooltips.html docs/_includes/nav/getting-started.html docs/_includes/nav/javascript.html docs/assets/css/docs.min.css docs/assets/css/src/docs.css docs/assets/js/customize.min.js docs/assets/js/raw-files.min.js docs/browser-bugs.html docs/dist/css/bootstrap-theme.css.map docs/dist/css/bootstrap.css docs/dist/css/bootstrap.css.map docs/dist/css/bootstrap.min.css docs/dist/fonts/glyphicons-halflings-regular.svg fonts/glyphicons-halflings-regular.svg less/_button-group.less less/_jumbotron.less less/_variables.less less/mixins/vendor-prefixes.less less/panels.less less/thumbnails.less package.json
Diffstat (limited to 'less')
-rw-r--r--less/_button-group.less13
-rw-r--r--less/_dropdown.less6
-rw-r--r--less/_forms.less4
-rw-r--r--less/_jumbotron.less8
-rw-r--r--less/_list-group.less2
-rw-r--r--less/_navbar.less4
-rw-r--r--less/_pager.less1
-rw-r--r--less/_popover.less9
-rw-r--r--less/_print.less26
-rw-r--r--less/_variables.less17
-rw-r--r--less/mixins/labels.less2
11 files changed, 49 insertions, 43 deletions
diff --git a/less/_button-group.less b/less/_button-group.less
index 1e9a8c53d..6092afcd6 100644
--- a/less/_button-group.less
+++ b/less/_button-group.less
@@ -226,11 +226,14 @@
// Checkbox and radio options
//
// In order to support the browser's form validation feedback, powered by the
-// `required` attribute, we have to "hide" the inputs via `opacity`. We cannot
-// use `display: none;` or `visibility: hidden;` as that also hides the popover.
+// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
+// `display: none;` or `visibility: hidden;` as that also hides the popover.
+// Simply visually hiding the inputs via `opacity` would leave them clickable in
+// certain cases which is prevented by using `clip` and `pointer-events`.
// This way, we ensure a DOM element is visible to position the popover from.
//
-// See https://github.com/twbs/bootstrap/pull/12794 for more.
+// See https://github.com/twbs/bootstrap/pull/12794 and
+// https://github.com/twbs/bootstrap/pull/14559 for more information.
[data-toggle="buttons"] {
> .btn,
@@ -238,8 +241,8 @@
input[type="radio"],
input[type="checkbox"] {
position: absolute;
- z-index: -1;
- opacity: 0;
+ clip: rect(0,0,0,0);
+ pointer-events: none;
}
}
}
diff --git a/less/_dropdown.less b/less/_dropdown.less
index c6f7d56f8..6ccd7566c 100644
--- a/less/_dropdown.less
+++ b/less/_dropdown.less
@@ -96,9 +96,8 @@
&:focus {
color: @dropdown-link-disabled-color;
}
-}
-// Nuke hover/focus effects
-.dropdown-menu > .disabled > a {
+
+ // Nuke hover/focus effects
&:hover,
&:focus {
text-decoration: none;
@@ -205,4 +204,3 @@
}
}
}
-
diff --git a/less/_forms.less b/less/_forms.less
index 999cb506e..8a9ba01e1 100644
--- a/less/_forms.less
+++ b/less/_forms.less
@@ -328,12 +328,12 @@ input[type="checkbox"] {
.input-sm,
.form-group-sm .form-control {
- .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
+ .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @input-border-radius-small);
}
.input-lg,
.form-group-lg .form-control {
- .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
+ .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @input-border-radius-large);
}
diff --git a/less/_jumbotron.less b/less/_jumbotron.less
index 3d0959826..7328570ae 100644
--- a/less/_jumbotron.less
+++ b/less/_jumbotron.less
@@ -4,7 +4,7 @@
.jumbotron {
- padding: @jumbotron-padding;
+ padding: @jumbotron-padding (@jumbotron-padding / 2);
margin-bottom: @jumbotron-padding;
color: @jumbotron-color;
background-color: @jumbotron-bg;
@@ -18,7 +18,8 @@
border-top-color: darken(@jumbotron-bg, 10%);
}
- .container & {
+ .container &,
+ .container-fluid & {
.border-radius(@border-radius-large); // Only round corners at higher resolutions if contained in a container
}
@@ -27,8 +28,7 @@
}
@media screen and (min-width: @screen-sm-min) {
- padding-top: (@jumbotron-padding * 1.6);
- padding-bottom: (@jumbotron-padding * 1.6);
+ padding: (@jumbotron-padding * 1.6) 0;
.container & {
padding-left: (@jumbotron-padding * 2);
diff --git a/less/_list-group.less b/less/_list-group.less
index 7d857cfd3..1e62d3b94 100644
--- a/less/_list-group.less
+++ b/less/_list-group.less
@@ -75,7 +75,7 @@ a.list-group-item {
background-color: @list-group-disabled-bg;
color: @list-group-disabled-color;
cursor: not-allowed;
-
+
// Force color to inherit for custom content
.list-group-item-heading {
color: inherit;
diff --git a/less/_navbar.less b/less/_navbar.less
index 988c61804..0c8959a08 100644
--- a/less/_navbar.less
+++ b/less/_navbar.less
@@ -322,6 +322,10 @@
.form-group {
@media (max-width: @grid-float-breakpoint-max) {
margin-bottom: 5px;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
}
}
diff --git a/less/_pager.less b/less/_pager.less
index 59103f445..73a660d64 100644
--- a/less/_pager.less
+++ b/less/_pager.less
@@ -51,5 +51,4 @@
cursor: not-allowed;
}
}
-
}
diff --git a/less/_popover.less b/less/_popover.less
index 06a1156bb..00385fb29 100644
--- a/less/_popover.less
+++ b/less/_popover.less
@@ -11,7 +11,11 @@
display: none;
max-width: @popover-max-width;
padding: 1px;
- text-align: left; // Reset given new insertion method
+ // Reset font and text propertes given new insertion method
+ font-size: @font-size-base;
+ font-weight: normal;
+ line-height: @line-height-base;
+ text-align: left;
background-color: @popover-bg;
background-clip: padding-box;
border: 1px solid @popover-border-color;
@@ -32,8 +36,6 @@
margin: 0; // reset heading margin
padding: 8px 14px;
font-size: @font-size-base;
- font-weight: normal;
- line-height: 18px;
background-color: @popover-title-bg;
border-bottom: 1px solid darken(@popover-title-bg, 5%);
border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;
@@ -124,5 +126,4 @@
bottom: -@popover-arrow-width;
}
}
-
}
diff --git a/less/_print.less b/less/_print.less
index 3655d0395..a5acd82d4 100644
--- a/less/_print.less
+++ b/less/_print.less
@@ -1,15 +1,14 @@
//
// Basic print styles
// --------------------------------------------------
-// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
+// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
@media print {
-
* {
- text-shadow: none !important;
- color: #000 !important; // Black prints faster: h5bp.com/s
background: transparent !important;
+ color: #000 !important; // Black prints faster: h5bp.com/s
box-shadow: none !important;
+ text-shadow: none !important;
}
a,
@@ -25,9 +24,10 @@
content: " (" attr(title) ")";
}
- // Don't show links for images, or javascript/internal links
- a[href^="javascript:"]:after,
- a[href^="#"]:after {
+ // Don't show links that are fragment identifiers,
+ // or use the `javascript:` pseudo protocol
+ a[href^="#"]:after,
+ a[href^="javascript:"]:after {
content: "";
}
@@ -72,12 +72,6 @@
.navbar {
display: none;
}
- .table {
- td,
- th {
- background-color: #fff !important;
- }
- }
.btn,
.dropup > .btn {
> .caret {
@@ -90,6 +84,11 @@
.table {
border-collapse: collapse !important;
+
+ td,
+ th {
+ background-color: #fff !important;
+ }
}
.table-bordered {
th,
@@ -97,5 +96,4 @@
border: 1px solid #ddd !important;
}
}
-
}
diff --git a/less/_variables.less b/less/_variables.less
index 791602a69..237a07968 100644
--- a/less/_variables.less
+++ b/less/_variables.less
@@ -186,8 +186,15 @@
@input-color: @gray;
//** `<input>` border color
@input-border: #ccc;
-//** `<input>` border radius
+
+// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
+//** Default `.form-control` border radius
@input-border-radius: @border-radius-base;
+//** Large `.form-control` border radius
+@input-border-radius-large: @border-radius-large;
+//** Small `.form-control` border radius
+@input-border-radius-small: @border-radius-small;
+
//** Border color for inputs on focus
@input-border-focus: #66afe9;
@input-box-shadow-focus: rgba(102,175,233,.6);
@@ -348,7 +355,7 @@
@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
// Inverted navbar links
-@navbar-inverse-link-color: @gray-light;
+@navbar-inverse-link-color: lighten(@gray-light, 15%);
@navbar-inverse-link-hover-color: #fff;
@navbar-inverse-link-hover-bg: transparent;
@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
@@ -378,8 +385,6 @@
@nav-disabled-link-color: @gray-light;
@nav-disabled-link-hover-color: @gray-light;
-@nav-open-link-hover-color: #fff;
-
//== Tabs
@nav-tabs-border-color: #ddd;
@@ -504,7 +509,7 @@
//** Popover arrow width
@popover-arrow-width: 10px;
//** Popover arrow color
-@popover-arrow-color: #fff;
+@popover-arrow-color: @popover-bg;
//** Popover outer arrow width
@popover-arrow-outer-width: (@popover-arrow-width + 1);
@@ -764,5 +769,3 @@
@dl-horizontal-offset: @component-offset-horizontal;
//** Horizontal line color.
@hr-border: @gray-lighter;
-
-
diff --git a/less/mixins/labels.less b/less/mixins/labels.less
index 6f9e490b8..9f7a67ee3 100644
--- a/less/mixins/labels.less
+++ b/less/mixins/labels.less
@@ -2,7 +2,7 @@
.label-variant(@color) {
background-color: @color;
-
+
&[href] {
&:hover,
&:focus {