diff options
Diffstat (limited to 'less')
| -rw-r--r-- | less/badges.less | 8 | ||||
| -rw-r--r-- | less/button-groups.less | 4 | ||||
| -rw-r--r-- | less/buttons.less | 2 | ||||
| -rw-r--r-- | less/dropdowns.less | 2 | ||||
| -rw-r--r-- | less/forms.less | 59 | ||||
| -rw-r--r-- | less/jumbotron.less | 3 | ||||
| -rw-r--r-- | less/list-group.less | 10 | ||||
| -rw-r--r-- | less/mixins/grid-framework.less | 4 | ||||
| -rw-r--r-- | less/modals.less | 3 | ||||
| -rw-r--r-- | less/navbar.less | 1 | ||||
| -rw-r--r-- | less/navs.less | 2 | ||||
| -rw-r--r-- | less/pager.less | 2 | ||||
| -rw-r--r-- | less/pagination.less | 2 | ||||
| -rw-r--r-- | less/popovers.less | 1 | ||||
| -rw-r--r-- | less/theme.less | 16 | ||||
| -rw-r--r-- | less/tooltip.less | 16 | ||||
| -rw-r--r-- | less/variables.less | 5 |
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 // |
