aboutsummaryrefslogtreecommitdiff
path: root/less
diff options
context:
space:
mode:
Diffstat (limited to 'less')
-rw-r--r--less/badges.less8
-rw-r--r--less/button-groups.less4
-rw-r--r--less/buttons.less2
-rw-r--r--less/dropdowns.less2
-rw-r--r--less/forms.less59
-rw-r--r--less/jumbotron.less3
-rw-r--r--less/list-group.less10
-rw-r--r--less/mixins/grid-framework.less4
-rw-r--r--less/modals.less3
-rw-r--r--less/navbar.less1
-rw-r--r--less/navs.less2
-rw-r--r--less/pager.less2
-rw-r--r--less/pagination.less2
-rw-r--r--less/popovers.less1
-rw-r--r--less/theme.less16
-rw-r--r--less/tooltip.less16
-rw-r--r--less/variables.less5
17 files changed, 75 insertions, 65 deletions
diff --git a/less/badges.less b/less/badges.less
index 20624f30d..b27c405a3 100644
--- a/less/badges.less
+++ b/less/badges.less
@@ -44,11 +44,17 @@
}
// Account for badges in navs
- a.list-group-item.active > &,
+ .list-group-item.active > &,
.nav-pills > .active > a > & {
color: @badge-active-color;
background-color: @badge-active-bg;
}
+ .list-group-item > & {
+ float: right;
+ }
+ .list-group-item > & + & {
+ margin-right: 5px;
+ }
.nav-pills > li > a > & {
margin-left: 3px;
}
diff --git a/less/button-groups.less b/less/button-groups.less
index fbcdf457b..f84febbd5 100644
--- a/less/button-groups.less
+++ b/less/button-groups.less
@@ -18,10 +18,6 @@
&.active {
z-index: 2;
}
- &:focus {
- // Remove focus outline when dropdown JS adds it after closing the menu
- outline: 0;
- }
}
}
diff --git a/less/buttons.less b/less/buttons.less
index d32c4e2d8..40553c638 100644
--- a/less/buttons.less
+++ b/less/buttons.less
@@ -46,7 +46,7 @@
&.disabled,
&[disabled],
fieldset[disabled] & {
- cursor: not-allowed;
+ cursor: @cursor-disabled;
pointer-events: none; // Future-proof disabling of clicks
.opacity(.65);
.box-shadow(none);
diff --git a/less/dropdowns.less b/less/dropdowns.less
index 742c91265..84a48c141 100644
--- a/less/dropdowns.less
+++ b/less/dropdowns.less
@@ -111,7 +111,7 @@
background-color: transparent;
background-image: none; // Remove CSS gradient
.reset-filter();
- cursor: not-allowed;
+ cursor: @cursor-disabled;
}
}
diff --git a/less/forms.less b/less/forms.less
index aefc0dea5..1bcc2b6b9 100644
--- a/less/forms.less
+++ b/less/forms.less
@@ -141,7 +141,7 @@ output {
&[disabled],
&[readonly],
fieldset[disabled] & {
- cursor: not-allowed;
+ cursor: @cursor-disabled;
background-color: @input-bg-disabled;
opacity: 1; // iOS fix for unreadable disabled content
}
@@ -168,41 +168,28 @@ input[type="search"] {
// Special styles for iOS temporal inputs
//
// In Mobile Safari, setting `display: block` on temporal inputs causes the
-// text within the input to become vertically misaligned.
-// As a workaround, we set a pixel line-height that matches the
-// given height of the input. Since this fucks up everything else, we have to
-// appropriately reset it for Internet Explorer and the size variations.
-
-input[type="date"],
-input[type="time"],
-input[type="datetime-local"],
-input[type="month"] {
- line-height: @input-height-base;
- // IE8+ misaligns the text within date inputs, so we reset
- line-height: @line-height-base ~"\0";
-
- &.input-sm {
+// text within the input to become vertically misaligned. As a workaround, we
+// set a pixel line-height that matches the given height of the input, but only
+// for Safari.
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+ input[type="date"],
+ input[type="time"],
+ input[type="datetime-local"],
+ input[type="month"] {
+ line-height: @input-height-base;
+ }
+ input[type="date"].input-sm,
+ input[type="time"].input-sm,
+ input[type="datetime-local"].input-sm,
+ input[type="month"].input-sm {
line-height: @input-height-small;
- line-height: @line-height-small ~"\0";
}
- &.input-lg {
+ input[type="date"].input-lg,
+ input[type="time"].input-lg,
+ input[type="datetime-local"].input-lg,
+ input[type="month"].input-lg {
line-height: @input-height-large;
- line-height: @line-height-large ~"\0";
- }
-}
-
-// IE 11 hack to reverse the iOS temporal input hack.
-_:-ms-fullscreen, :root input[type="date"],
-_:-ms-fullscreen, :root input[type="time"],
-_:-ms-fullscreen, :root input[type="datetime-local"],
-_:-ms-fullscreen, :root input[type="month"] {
- line-height: @line-height-base;
-
- &.input-sm {
- line-height: @line-height-small;
- }
- &.input-lg {
- line-height: @line-height-large;
}
}
@@ -275,7 +262,7 @@ input[type="checkbox"] {
&[disabled],
&.disabled,
fieldset[disabled] & {
- cursor: not-allowed;
+ cursor: @cursor-disabled;
}
}
// These classes are used directly on <label>s
@@ -283,7 +270,7 @@ input[type="checkbox"] {
.checkbox-inline {
&.disabled,
fieldset[disabled] & {
- cursor: not-allowed;
+ cursor: @cursor-disabled;
}
}
// These classes are used on elements with <label> descendants
@@ -292,7 +279,7 @@ input[type="checkbox"] {
&.disabled,
fieldset[disabled] & {
label {
- cursor: not-allowed;
+ cursor: @cursor-disabled;
}
}
}
diff --git a/less/jumbotron.less b/less/jumbotron.less
index 9d1e29028..340d4a372 100644
--- a/less/jumbotron.less
+++ b/less/jumbotron.less
@@ -35,7 +35,8 @@
@media screen and (min-width: @screen-sm-min) {
padding: (@jumbotron-padding * 1.6) 0;
- .container & {
+ .container &,
+ .container-fluid & {
padding-left: (@jumbotron-padding * 2);
padding-right: (@jumbotron-padding * 2);
}
diff --git a/less/list-group.less b/less/list-group.less
index 1e62d3b94..1462ce16b 100644
--- a/less/list-group.less
+++ b/less/list-group.less
@@ -35,14 +35,6 @@
margin-bottom: 0;
.border-bottom-radius(@list-group-border-radius);
}
-
- // Align badges within list items
- > .badge {
- float: right;
- }
- > .badge + .badge {
- margin-right: 5px;
- }
}
@@ -74,7 +66,7 @@ a.list-group-item {
&.disabled:focus {
background-color: @list-group-disabled-bg;
color: @list-group-disabled-color;
- cursor: not-allowed;
+ cursor: @cursor-disabled;
// Force color to inherit for custom content
.list-group-item-heading {
diff --git a/less/mixins/grid-framework.less b/less/mixins/grid-framework.less
index 631785465..f3b3929d6 100644
--- a/less/mixins/grid-framework.less
+++ b/less/mixins/grid-framework.less
@@ -5,7 +5,7 @@
.make-grid-columns() {
// Common styles for all sizes of grid columns, widths 1-12
- .col(@index) when (@index = 1) { // initial
+ .col(@index) { // initial
@item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
.col((@index + 1), @item);
}
@@ -27,7 +27,7 @@
}
.float-grid-columns(@class) {
- .col(@index) when (@index = 1) { // initial
+ .col(@index) { // initial
@item: ~".col-@{class}-@{index}";
.col((@index + 1), @item);
}
diff --git a/less/modals.less b/less/modals.less
index 7468b14f9..032a497d6 100644
--- a/less/modals.less
+++ b/less/modals.less
@@ -62,10 +62,9 @@
// Modal background
.modal-backdrop {
- position: fixed;
+ position: absolute;
top: 0;
right: 0;
- bottom: 0;
left: 0;
background-color: @modal-backdrop-bg;
// Fade for backdrop
diff --git a/less/navbar.less b/less/navbar.less
index 30a79d4a4..67fd3528f 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -331,6 +331,7 @@
}
// Menu position and menu caret support for dropups via extra dropup class
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
+ .border-top-radius(@navbar-border-radius);
.border-bottom-radius(0);
}
diff --git a/less/navs.less b/less/navs.less
index 8cf81d7e1..f26fec7a5 100644
--- a/less/navs.less
+++ b/less/navs.less
@@ -36,7 +36,7 @@
color: @nav-disabled-link-hover-color;
text-decoration: none;
background-color: transparent;
- cursor: not-allowed;
+ cursor: @cursor-disabled;
}
}
}
diff --git a/less/pager.less b/less/pager.less
index 73a660d64..41abaaadc 100644
--- a/less/pager.less
+++ b/less/pager.less
@@ -48,7 +48,7 @@
> span {
color: @pager-disabled-color;
background-color: @pager-bg;
- cursor: not-allowed;
+ cursor: @cursor-disabled;
}
}
}
diff --git a/less/pagination.less b/less/pagination.less
index b2856ae60..38c4c3d34 100644
--- a/less/pagination.less
+++ b/less/pagination.less
@@ -69,7 +69,7 @@
color: @pagination-disabled-color;
background-color: @pagination-disabled-bg;
border-color: @pagination-disabled-border;
- cursor: not-allowed;
+ cursor: @cursor-disabled;
}
}
}
diff --git a/less/popovers.less b/less/popovers.less
index ab720f2fb..53ee0ecd7 100644
--- a/less/popovers.less
+++ b/less/popovers.less
@@ -12,6 +12,7 @@
max-width: @popover-max-width;
padding: 1px;
// Reset font and text propertes given new insertion method
+ font-family: @font-family-base;
font-size: @font-size-base;
font-weight: normal;
line-height: @line-height-base;
diff --git a/less/theme.less b/less/theme.less
index e5a4edb36..a15d16ecd 100644
--- a/less/theme.less
+++ b/less/theme.less
@@ -151,6 +151,18 @@
border-radius: 0;
}
+// Fix active state of dropdown items in collapsed mode
+@media (max-width: @grid-float-breakpoint-max) {
+ .navbar .navbar-nav .open .dropdown-menu > .active > a {
+ &,
+ &:hover,
+ &:focus {
+ color: #fff;
+ #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%));
+ }
+ }
+}
+
//
// Alerts
@@ -218,6 +230,10 @@
text-shadow: 0 -1px 0 darken(@list-group-active-bg, 10%);
#gradient > .vertical(@start-color: @list-group-active-bg; @end-color: darken(@list-group-active-bg, 7.5%));
border-color: darken(@list-group-active-border, 7.5%);
+
+ .badge {
+ text-shadow: none;
+ }
}
diff --git a/less/tooltip.less b/less/tooltip.less
index bd626996f..9c2a37fd4 100644
--- a/less/tooltip.less
+++ b/less/tooltip.less
@@ -9,7 +9,10 @@
z-index: @zindex-tooltip;
display: block;
visibility: visible;
+ // Reset font and text propertes given new insertion method
+ font-family: @font-family-base;
font-size: @font-size-small;
+ font-weight: normal;
line-height: 1.4;
.opacity(0);
@@ -39,6 +42,7 @@
border-color: transparent;
border-style: solid;
}
+// Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1
.tooltip {
&.top .tooltip-arrow {
bottom: 0;
@@ -49,13 +53,15 @@
}
&.top-left .tooltip-arrow {
bottom: 0;
- left: @tooltip-arrow-width;
+ right: @tooltip-arrow-width;
+ margin-bottom: -@tooltip-arrow-width;
border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
border-top-color: @tooltip-arrow-color;
}
&.top-right .tooltip-arrow {
bottom: 0;
- right: @tooltip-arrow-width;
+ left: @tooltip-arrow-width;
+ margin-bottom: -@tooltip-arrow-width;
border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
border-top-color: @tooltip-arrow-color;
}
@@ -82,13 +88,15 @@
}
&.bottom-left .tooltip-arrow {
top: 0;
- left: @tooltip-arrow-width;
+ right: @tooltip-arrow-width;
+ margin-top: -@tooltip-arrow-width;
border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
border-bottom-color: @tooltip-arrow-color;
}
&.bottom-right .tooltip-arrow {
top: 0;
- right: @tooltip-arrow-width;
+ left: @tooltip-arrow-width;
+ margin-top: -@tooltip-arrow-width;
border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
border-bottom-color: @tooltip-arrow-color;
}
diff --git a/less/variables.less b/less/variables.less
index 0be497aff..b13be9d44 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -14,7 +14,7 @@
@gray-light: lighten(@gray-base, 46.7%); // #777
@gray-lighter: lighten(@gray-base, 93.5%); // #eee
-@brand-primary: #428bca;
+@brand-primary: darken(#428bca, 6.5%);
@brand-success: #5cb85c;
@brand-info: #5bc0de;
@brand-warning: #f0ad4e;
@@ -214,6 +214,9 @@
//** Border color for textual input addons
@input-group-addon-border-color: @input-border;
+//** Disabled cursor for form controls and buttons.
+@cursor-disabled: not-allowed;
+
//== Dropdowns
//