Commit d7b38d8c authored by Mark Otto's avatar Mark Otto

Drop: all vendor prefix mixins because autoprefixer

parent 6fda4098
This diff was suppressed by a .gitattributes entry.
...@@ -260,11 +260,7 @@ th { ...@@ -260,11 +260,7 @@ th {
border: 1px solid #ddd !important; border: 1px solid #ddd !important;
} }
} }
* { *,
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before, *:before,
*:after { *:after {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
...@@ -1731,17 +1727,19 @@ output { ...@@ -1731,17 +1727,19 @@ output {
.form-control:focus { .form-control:focus {
border-color: #66afe9; border-color: #66afe9;
outline: 0; outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); -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); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-webkit-input-placeholder {
color: #777;
} }
.form-control::-moz-placeholder { .form-control::-moz-placeholder {
color: #777; color: #777;
opacity: 1;
} }
.form-control:-ms-input-placeholder { .form-control:-ms-input-placeholder {
color: #777; color: #777;
} }
.form-control::-webkit-input-placeholder { .form-control::placeholder {
color: #777; color: #777;
} }
.form-control[disabled], .form-control[disabled],
...@@ -2151,7 +2149,6 @@ select[multiple].form-group-lg .form-control { ...@@ -2151,7 +2149,6 @@ select[multiple].form-group-lg .form-control {
fieldset[disabled] .btn { fieldset[disabled] .btn {
pointer-events: none; pointer-events: none;
cursor: not-allowed; cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
opacity: .65; opacity: .65;
...@@ -4739,7 +4736,6 @@ a.list-group-item-danger.active:focus { ...@@ -4739,7 +4736,6 @@ a.list-group-item-danger.active:focus {
line-height: 1; line-height: 1;
color: #000; color: #000;
text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2; opacity: .2;
} }
.close:hover, .close:hover,
...@@ -4747,7 +4743,6 @@ a.list-group-item-danger.active:focus { ...@@ -4747,7 +4743,6 @@ a.list-group-item-danger.active:focus {
color: #000; color: #000;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
filter: alpha(opacity=50);
opacity: .5; opacity: .5;
} }
button.close { button.close {
...@@ -4773,11 +4768,12 @@ button.close { ...@@ -4773,11 +4768,12 @@ button.close {
outline: 0; outline: 0;
} }
.modal.fade .modal-dialog { .modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate3d(0, -25%, 0); -webkit-transform: translate3d(0, -25%, 0);
-webkit-transform: transition .3s ease-out;
-ms-transform: transition .3s ease-out;
-o-transform: transition .3s ease-out;
transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0);
transform: transition .3s ease-out;
} }
.modal.in .modal-dialog { .modal.in .modal-dialog {
-webkit-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);
...@@ -4814,11 +4810,9 @@ button.close { ...@@ -4814,11 +4810,9 @@ button.close {
background-color: #000; background-color: #000;
} }
.modal-backdrop.fade { .modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0; opacity: 0;
} }
.modal-backdrop.in { .modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5; opacity: .5;
} }
.modal-header { .modal-header {
...@@ -4884,11 +4878,9 @@ button.close { ...@@ -4884,11 +4878,9 @@ button.close {
font-size: .85rem; font-size: .85rem;
line-height: 1.4; line-height: 1.4;
visibility: visible; visibility: visible;
filter: alpha(opacity=0);
opacity: 0; opacity: 0;
} }
.tooltip.in { .tooltip.in {
filter: alpha(opacity=90);
opacity: .9; opacity: .9;
} }
.tooltip.top { .tooltip.top {
......
This diff was suppressed by a .gitattributes entry.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff was suppressed by a .gitattributes entry.
...@@ -260,11 +260,7 @@ th { ...@@ -260,11 +260,7 @@ th {
border: 1px solid #ddd !important; border: 1px solid #ddd !important;
} }
} }
* { *,
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before, *:before,
*:after { *:after {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
...@@ -1731,17 +1727,19 @@ output { ...@@ -1731,17 +1727,19 @@ output {
.form-control:focus { .form-control:focus {
border-color: #66afe9; border-color: #66afe9;
outline: 0; outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); -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); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-webkit-input-placeholder {
color: #777;
} }
.form-control::-moz-placeholder { .form-control::-moz-placeholder {
color: #777; color: #777;
opacity: 1;
} }
.form-control:-ms-input-placeholder { .form-control:-ms-input-placeholder {
color: #777; color: #777;
} }
.form-control::-webkit-input-placeholder { .form-control::placeholder {
color: #777; color: #777;
} }
.form-control[disabled], .form-control[disabled],
...@@ -2151,7 +2149,6 @@ select[multiple].form-group-lg .form-control { ...@@ -2151,7 +2149,6 @@ select[multiple].form-group-lg .form-control {
fieldset[disabled] .btn { fieldset[disabled] .btn {
pointer-events: none; pointer-events: none;
cursor: not-allowed; cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
opacity: .65; opacity: .65;
...@@ -4739,7 +4736,6 @@ a.list-group-item-danger.active:focus { ...@@ -4739,7 +4736,6 @@ a.list-group-item-danger.active:focus {
line-height: 1; line-height: 1;
color: #000; color: #000;
text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2; opacity: .2;
} }
.close:hover, .close:hover,
...@@ -4747,7 +4743,6 @@ a.list-group-item-danger.active:focus { ...@@ -4747,7 +4743,6 @@ a.list-group-item-danger.active:focus {
color: #000; color: #000;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
filter: alpha(opacity=50);
opacity: .5; opacity: .5;
} }
button.close { button.close {
...@@ -4773,11 +4768,12 @@ button.close { ...@@ -4773,11 +4768,12 @@ button.close {
outline: 0; outline: 0;
} }
.modal.fade .modal-dialog { .modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate3d(0, -25%, 0); -webkit-transform: translate3d(0, -25%, 0);
-webkit-transform: transition .3s ease-out;
-ms-transform: transition .3s ease-out;
-o-transform: transition .3s ease-out;
transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0);
transform: transition .3s ease-out;
} }
.modal.in .modal-dialog { .modal.in .modal-dialog {
-webkit-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);
...@@ -4814,11 +4810,9 @@ button.close { ...@@ -4814,11 +4810,9 @@ button.close {
background-color: #000; background-color: #000;
} }
.modal-backdrop.fade { .modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0; opacity: 0;
} }
.modal-backdrop.in { .modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5; opacity: .5;
} }
.modal-header { .modal-header {
...@@ -4884,11 +4878,9 @@ button.close { ...@@ -4884,11 +4878,9 @@ button.close {
font-size: .85rem; font-size: .85rem;
line-height: 1.4; line-height: 1.4;
visibility: visible; visibility: visible;
filter: alpha(opacity=0);
opacity: 0; opacity: 0;
} }
.tooltip.in { .tooltip.in {
filter: alpha(opacity=90);
opacity: .9; opacity: .9;
} }
.tooltip.top { .tooltip.top {
......
This diff was suppressed by a .gitattributes entry.
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -117,11 +117,11 @@ ...@@ -117,11 +117,11 @@
// The clickable button for toggling the menu // The clickable button for toggling the menu
// Remove the gradient and set the same inset shadow as the :active state // Remove the gradient and set the same inset shadow as the :active state
.btn-group.open .dropdown-toggle { .btn-group.open .dropdown-toggle {
.box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
// Show no shadow for `.btn-link` since it has no other button styles. // Show no shadow for `.btn-link` since it has no other button styles.
&.btn-link { &.btn-link {
.box-shadow(none); box-shadow: none;
} }
} }
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
border: 1px solid transparent; border: 1px solid transparent;
white-space: nowrap; white-space: nowrap;
.button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base); .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base);
.user-select(none); user-select: none;
&, &,
&:active, &:active,
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
&.active { &.active {
outline: 0; outline: 0;
background-image: none; background-image: none;
.box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
} }
&.disabled, &.disabled,
...@@ -48,8 +48,8 @@ ...@@ -48,8 +48,8 @@
fieldset[disabled] & { fieldset[disabled] & {
cursor: not-allowed; cursor: not-allowed;
pointer-events: none; // Future-proof disabling of clicks pointer-events: none; // Future-proof disabling of clicks
.opacity(.65); opacity: .65;
.box-shadow(none); box-shadow: none;
} }
} }
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
&[disabled], &[disabled],
fieldset[disabled] & { fieldset[disabled] & {
background-color: transparent; background-color: transparent;
.box-shadow(none); box-shadow: none;
} }
&, &,
&:hover, &:hover,
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
> .item { > .item {
display: none; display: none;
position: relative; position: relative;
.transition(.6s ease-in-out left); transition: .6s ease-in-out left;
// Account for jankitude on images // Account for jankitude on images
> img, > img,
......
...@@ -10,14 +10,14 @@ ...@@ -10,14 +10,14 @@
line-height: 1; line-height: 1;
color: @close-color; color: @close-color;
text-shadow: @close-text-shadow; text-shadow: @close-text-shadow;
.opacity(.2); opacity: .2;
&:hover, &:hover,
&:focus { &:focus {
color: @close-color; color: @close-color;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
.opacity(.5); opacity: .5;
} }
// Additional properties for button version // Additional properties for button version
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
.fade { .fade {
opacity: 0; opacity: 0;
.transition(opacity .15s linear); transition: opacity .15s linear;
&.in { &.in {
opacity: 1; opacity: 1;
} }
...@@ -27,5 +27,5 @@ ...@@ -27,5 +27,5 @@
position: relative; position: relative;
height: 0; height: 0;
overflow: hidden; overflow: hidden;
.transition(height .35s ease); transition: height .35s ease;
} }
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
border: 1px solid @dropdown-fallback-border; // IE8 fallback border: 1px solid @dropdown-fallback-border; // IE8 fallback
border: 1px solid @dropdown-border; border: 1px solid @dropdown-border;
border-radius: @border-radius-base; border-radius: @border-radius-base;
.box-shadow(0 6px 12px rgba(0,0,0,.175)); box-shadow: 0 6px 12px rgba(0,0,0,.175);
background-clip: padding-box; background-clip: padding-box;
// Aligns the dropdown menu to right // Aligns the dropdown menu to right
......
...@@ -45,7 +45,7 @@ label { ...@@ -45,7 +45,7 @@ label {
// Override content-box in Normalize (* isn't specific enough) // Override content-box in Normalize (* isn't specific enough)
input[type="search"] { input[type="search"] {
.box-sizing(border-box); box-sizing: border-box;
} }
// Position radios and checkboxes better // Position radios and checkboxes better
...@@ -124,14 +124,16 @@ output { ...@@ -124,14 +124,16 @@ output {
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
border: 1px solid @input-border; border: 1px solid @input-border;
border-radius: @input-border-radius; border-radius: @input-border-radius;
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
.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;
// Customize the `:focus` state to imitate native WebKit styles. // Customize the `:focus` state to imitate native WebKit styles.
.form-control-focus(); .form-control-focus();
// Placeholder // Placeholder
.placeholder(); &::placeholder {
color: @input-color-placeholder;
}
// Disabled and read-only inputs // Disabled and read-only inputs
// //
......
...@@ -13,7 +13,6 @@ ...@@ -13,7 +13,6 @@
@import "mixins/tab-focus.less"; @import "mixins/tab-focus.less";
@import "mixins/text-emphasis.less"; @import "mixins/text-emphasis.less";
@import "mixins/text-overflow.less"; @import "mixins/text-overflow.less";
@import "mixins/vendor-prefixes.less";
// Components // Components
@import "mixins/alerts.less"; @import "mixins/alerts.less";
......
...@@ -20,11 +20,10 @@ ...@@ -20,11 +20,10 @@
// Set the border and box shadow on specific inputs to match // Set the border and box shadow on specific inputs to match
.form-control { .form-control {
border-color: @border-color; border-color: @border-color;
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work box-shadow: inset 0 1px 1px rgba(0,0,0,.075); // Redeclare so transitions work
&:focus { &:focus {
border-color: darken(@border-color, 10%); border-color: darken(@border-color, 10%);
@shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
.box-shadow(@shadow);
} }
} }
// Set validation states also for addons // Set validation states also for addons
...@@ -57,7 +56,7 @@ ...@@ -57,7 +56,7 @@
&:focus { &:focus {
border-color: @color; border-color: @color;
outline: 0; outline: 0;
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}"); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @color-rgba;
} }
} }
......
// Vendor Prefixes
//
// All vendor mixins are deprecated as of v3.2.0 due to the introduction of
// Autoprefixer in our Gruntfile. They will be removed in v4.
// - Animations
// - Backface visibility
// - Box shadow
// - Box sizing
// - Content columns
// - Hyphens
// - Placeholder text
// - Transformations
// - Transitions
// - User Select
// Animations
.animation(@animation) {
-webkit-animation: @animation;
-o-animation: @animation;
animation: @animation;
}
.animation-name(@name) {
-webkit-animation-name: @name;
animation-name: @name;
}
.animation-duration(@duration) {
-webkit-animation-duration: @duration;
animation-duration: @duration;
}
.animation-timing-function(@timing-function) {
-webkit-animation-timing-function: @timing-function;
animation-timing-function: @timing-function;
}
.animation-delay(@delay) {
-webkit-animation-delay: @delay;
animation-delay: @delay;
}
.animation-iteration-count(@iteration-count) {
-webkit-animation-iteration-count: @iteration-count;
animation-iteration-count: @iteration-count;
}
.animation-direction(@direction) {
-webkit-animation-direction: @direction;
animation-direction: @direction;
}
.animation-fill-mode(@fill-mode) {
-webkit-animation-fill-mode: @fill-mode;
animation-fill-mode: @fill-mode;
}
// Backface visibility
// Prevent browsers from flickering when using CSS 3D transforms.
// Default value is `visible`, but can be changed to `hidden`
.backface-visibility(@visibility){
-webkit-backface-visibility: @visibility;
-moz-backface-visibility: @visibility;
backface-visibility: @visibility;
}
// Drop shadows
//
// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
// supported browsers that have box shadow capabilities now support it.
.box-shadow(@shadow) {
-webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
box-shadow: @shadow;
}
// Box sizing
.box-sizing(@boxmodel) {
-webkit-box-sizing: @boxmodel;
-moz-box-sizing: @boxmodel;
box-sizing: @boxmodel;
}
// CSS3 Content Columns
.content-columns(@column-count; @column-gap: @grid-gutter-width) {
-webkit-column-count: @column-count;
-moz-column-count: @column-count;
column-count: @column-count;
-webkit-column-gap: @column-gap;
-moz-column-gap: @column-gap;
column-gap: @column-gap;
}
// Optional hyphenation
.hyphens(@mode: auto) {
word-wrap: break-word;
-webkit-hyphens: @mode;
-moz-hyphens: @mode;
-ms-hyphens: @mode; // IE10+
-o-hyphens: @mode;
hyphens: @mode;
}
// Placeholder text
.placeholder(@color: @input-color-placeholder) {
&::-moz-placeholder { color: @color; // Firefox
opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526
&:-ms-input-placeholder { color: @color; } // Internet Explorer 10+
&::-webkit-input-placeholder { color: @color; } // Safari and Chrome
}
// Transformations
.scale(@ratio) {
-webkit-transform: scale(@ratio);
-ms-transform: scale(@ratio); // IE9 only
-o-transform: scale(@ratio);
transform: scale(@ratio);
}
.scale(@ratioX; @ratioY) {
-webkit-transform: scale(@ratioX, @ratioY);
-ms-transform: scale(@ratioX, @ratioY); // IE9 only
-o-transform: scale(@ratioX, @ratioY);
transform: scale(@ratioX, @ratioY);
}
.scaleX(@ratio) {
-webkit-transform: scaleX(@ratio);
-ms-transform: scaleX(@ratio); // IE9 only
-o-transform: scaleX(@ratio);
transform: scaleX(@ratio);
}
.scaleY(@ratio) {
-webkit-transform: scaleY(@ratio);
-ms-transform: scaleY(@ratio); // IE9 only
-o-transform: scaleY(@ratio);
transform: scaleY(@ratio);
}
.skew(@x; @y) {
-webkit-transform: skewX(@x) skewY(@y);
-ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
-o-transform: skewX(@x) skewY(@y);
transform: skewX(@x) skewY(@y);
}
.translate(@x; @y) {
-webkit-transform: translate(@x, @y);
-ms-transform: translate(@x, @y); // IE9 only
-o-transform: translate(@x, @y);
transform: translate(@x, @y);
}
.translate3d(@x; @y; @z) {
-webkit-transform: translate3d(@x, @y, @z);
transform: translate3d(@x, @y, @z);
}
.rotate(@degrees) {
-webkit-transform: rotate(@degrees);
-ms-transform: rotate(@degrees); // IE9 only
-o-transform: rotate(@degrees);
transform: rotate(@degrees);
}
.rotateX(@degrees) {
-webkit-transform: rotateX(@degrees);
-ms-transform: rotateX(@degrees); // IE9 only
-o-transform: rotateX(@degrees);
transform: rotateX(@degrees);
}
.rotateY(@degrees) {
-webkit-transform: rotateY(@degrees);
-ms-transform: rotateY(@degrees); // IE9 only
-o-transform: rotateY(@degrees);
transform: rotateY(@degrees);
}
.perspective(@perspective) {
-webkit-perspective: @perspective;
-moz-perspective: @perspective;
perspective: @perspective;
}
.perspective-origin(@perspective) {
-webkit-perspective-origin: @perspective;
-moz-perspective-origin: @perspective;
perspective-origin: @perspective;
}
.transform-origin(@origin) {
-webkit-transform-origin: @origin;
-moz-transform-origin: @origin;
-ms-transform-origin: @origin; // IE9 only
transform-origin: @origin;
}
// Transitions
.transition(@transition) {
-webkit-transition: @transition;
-o-transition: @transition;
transition: @transition;
}
.transition-property(@transition-property) {
-webkit-transition-property: @transition-property;
transition-property: @transition-property;
}
.transition-delay(@transition-delay) {
-webkit-transition-delay: @transition-delay;
transition-delay: @transition-delay;
}
.transition-duration(@transition-duration) {
-webkit-transition-duration: @transition-duration;
transition-duration: @transition-duration;
}
.transition-timing-function(@timing-function) {
-webkit-transition-timing-function: @timing-function;
transition-timing-function: @timing-function;
}
.transition-transform(@transition) {
-webkit-transition: -webkit-transform @transition;
-moz-transition: -moz-transform @transition;
-o-transition: -o-transform @transition;
transition: transform @transition;
}
// User select
// For selecting text on the page
.user-select(@select) {
-webkit-user-select: @select;
-moz-user-select: @select;
-ms-user-select: @select; // IE10+
user-select: @select;
}
...@@ -30,10 +30,10 @@ ...@@ -30,10 +30,10 @@
// When fading in the modal, animate it to slide down // When fading in the modal, animate it to slide down
&.fade .modal-dialog { &.fade .modal-dialog {
.translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0);
.transition-transform(~"0.3s ease-out"); transform: transition .3s ease-out;
} }
&.in .modal-dialog { .translate3d(0, 0, 0) } &.in .modal-dialog { transform: translate3d(0, 0, 0) }
} }
.modal-open .modal { .modal-open .modal {
overflow-x: hidden; overflow-x: hidden;
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc) border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
border: 1px solid @modal-content-border-color; border: 1px solid @modal-content-border-color;
border-radius: @border-radius-large; border-radius: @border-radius-large;
.box-shadow(0 3px 9px rgba(0,0,0,.5)); box-shadow: 0 3px 9px rgba(0,0,0,.5);
background-clip: padding-box; background-clip: padding-box;
// Remove focus outline from opened modal // Remove focus outline from opened modal
outline: 0; outline: 0;
...@@ -70,8 +70,8 @@ ...@@ -70,8 +70,8 @@
z-index: @zindex-modal-background; z-index: @zindex-modal-background;
background-color: @modal-backdrop-bg; background-color: @modal-backdrop-bg;
// Fade for backdrop // Fade for backdrop
&.fade { .opacity(0); } &.fade { opacity: 0; }
&.in { .opacity(@modal-backdrop-opacity); } &.in { opacity: @modal-backdrop-opacity; }
} }
// Modal header // Modal header
...@@ -138,7 +138,7 @@ ...@@ -138,7 +138,7 @@
margin: 30px auto; margin: 30px auto;
} }
.modal-content { .modal-content {
.box-shadow(0 5px 15px rgba(0,0,0,.5)); box-shadow: 0 5px 15px rgba(0,0,0,.5);
} }
// Modal sizes // Modal sizes
......
...@@ -141,7 +141,7 @@ ...@@ -141,7 +141,7 @@
right: 0; right: 0;
left: 0; left: 0;
z-index: @zindex-navbar-fixed; z-index: @zindex-navbar-fixed;
.translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
// Undo the rounded corners // Undo the rounded corners
@media (min-width: @grid-float-breakpoint) { @media (min-width: @grid-float-breakpoint) {
...@@ -290,8 +290,7 @@ ...@@ -290,8 +290,7 @@
padding: 10px @navbar-padding-horizontal; padding: 10px @navbar-padding-horizontal;
border-top: 1px solid transparent; border-top: 1px solid transparent;
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
@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);
.box-shadow(@shadow);
// Mixin behavior for optimum display // Mixin behavior for optimum display
.form-inline(); .form-inline();
...@@ -313,7 +312,7 @@ ...@@ -313,7 +312,7 @@
margin-right: 0; margin-right: 0;
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
.box-shadow(none); box-shadow: none;
} }
} }
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
background-color: @panel-bg; background-color: @panel-bg;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: @panel-border-radius; border-radius: @panel-border-radius;
.box-shadow(0 1px 1px rgba(0,0,0,.05)); box-shadow: 0 1px 1px rgba(0,0,0,.05);
} }
// Panel contents // Panel contents
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
border: 1px solid @popover-fallback-border-color; border: 1px solid @popover-fallback-border-color;
border: 1px solid @popover-border-color; border: 1px solid @popover-border-color;
border-radius: @border-radius-large; border-radius: @border-radius-large;
.box-shadow(0 5px 10px rgba(0,0,0,.2)); box-shadow: 0 5px 10px rgba(0,0,0,.2);
// Overrides for proper insertion // Overrides for proper insertion
white-space: normal; white-space: normal;
......
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
margin-bottom: @line-height-computed; margin-bottom: @line-height-computed;
background-color: @progress-bg; background-color: @progress-bg;
border-radius: @border-radius-base; border-radius: @border-radius-base;
.box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
} }
// Bar of progress // Bar of progress
...@@ -43,8 +43,8 @@ ...@@ -43,8 +43,8 @@
color: @progress-bar-color; color: @progress-bar-color;
text-align: center; text-align: center;
background-color: @progress-bar-bg; background-color: @progress-bar-bg;
.box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
.transition(width .6s ease); transition: width .6s ease;
} }
// Striped bars // Striped bars
...@@ -64,7 +64,7 @@ ...@@ -64,7 +64,7 @@
// `.progress-bar.active` approach. // `.progress-bar.active` approach.
.progress.active .progress-bar, .progress.active .progress-bar,
.progress-bar.active { .progress-bar.active {
.animation(progress-bar-stripes 2s linear infinite); animation: progress-bar-stripes 2s linear infinite;
} }
// Account for lower percentages // Account for lower percentages
......
...@@ -8,12 +8,10 @@ ...@@ -8,12 +8,10 @@
// Heads up! This reset may cause conflicts with some third-party widgets. // Heads up! This reset may cause conflicts with some third-party widgets.
// For recommendations on resolving such conflicts, see // For recommendations on resolving such conflicts, see
// http://getbootstrap.com/getting-started/#third-box-sizing // http://getbootstrap.com/getting-started/#third-box-sizing
* { *,
.box-sizing(border-box);
}
*:before, *:before,
*:after { *:after {
.box-sizing(border-box); box-sizing: border-box;
} }
...@@ -96,7 +94,7 @@ img { ...@@ -96,7 +94,7 @@ img {
background-color: @thumbnail-bg; background-color: @thumbnail-bg;
border: 1px solid @thumbnail-border; border: 1px solid @thumbnail-border;
border-radius: @thumbnail-border-radius; border-radius: @thumbnail-border-radius;
.transition(all .2s ease-in-out); transition: all .2s ease-in-out;
// Keep them at most 100% wide // Keep them at most 100% wide
.img-responsive(inline-block); .img-responsive(inline-block);
......
...@@ -20,13 +20,12 @@ ...@@ -20,13 +20,12 @@
.btn-warning, .btn-warning,
.btn-danger { .btn-danger {
text-shadow: 0 -1px 0 rgba(0,0,0,.2); text-shadow: 0 -1px 0 rgba(0,0,0,.2);
@shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
.box-shadow(@shadow);
// Reset the shadow // Reset the shadow
&:active, &:active,
&.active { &.active {
.box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
} }
} }
...@@ -81,7 +80,7 @@ ...@@ -81,7 +80,7 @@
.thumbnail, .thumbnail,
.img-thumbnail { .img-thumbnail {
.box-shadow(0 1px 2px rgba(0,0,0,.075)); box-shadow: 0 1px 2px rgba(0,0,0,.075);
} }
...@@ -113,12 +112,11 @@ ...@@ -113,12 +112,11 @@
#gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg); #gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg);
.reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered
border-radius: @navbar-border-radius; border-radius: @navbar-border-radius;
@shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
.box-shadow(@shadow);
.navbar-nav > .active > a { .navbar-nav > .active > a {
#gradient > .vertical(@start-color: darken(@navbar-default-bg, 5%); @end-color: darken(@navbar-default-bg, 2%)); #gradient > .vertical(@start-color: darken(@navbar-default-bg, 5%); @end-color: darken(@navbar-default-bg, 2%));
.box-shadow(inset 0 3px 9px rgba(0,0,0,.075)); box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
} }
} }
.navbar-brand, .navbar-brand,
...@@ -133,7 +131,7 @@ ...@@ -133,7 +131,7 @@
.navbar-nav > .active > a { .navbar-nav > .active > a {
#gradient > .vertical(@start-color: @navbar-inverse-bg; @end-color: lighten(@navbar-inverse-bg, 2.5%)); #gradient > .vertical(@start-color: @navbar-inverse-bg; @end-color: lighten(@navbar-inverse-bg, 2.5%));
.box-shadow(inset 0 3px 9px rgba(0,0,0,.25)); box-shadow: inset 0 3px 9px rgba(0,0,0,.25);
} }
.navbar-brand, .navbar-brand,
...@@ -158,8 +156,7 @@ ...@@ -158,8 +156,7 @@
// Common styles // Common styles
.alert { .alert {
text-shadow: 0 1px 0 rgba(255,255,255,.2); text-shadow: 0 1px 0 rgba(255,255,255,.2);
@shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
.box-shadow(@shadow);
} }
// Mixin for generating new styles // Mixin for generating new styles
...@@ -210,7 +207,7 @@ ...@@ -210,7 +207,7 @@
.list-group { .list-group {
border-radius: @border-radius-base; border-radius: @border-radius-base;
.box-shadow(0 1px 2px rgba(0,0,0,.075)); box-shadow: 0 1px 2px rgba(0,0,0,.075);
} }
.list-group-item.active, .list-group-item.active,
.list-group-item.active:hover, .list-group-item.active:hover,
...@@ -228,7 +225,7 @@ ...@@ -228,7 +225,7 @@
// Common styles // Common styles
.panel { .panel {
.box-shadow(0 1px 2px rgba(0,0,0,.05)); box-shadow: 0 1px 2px rgba(0,0,0,.05);
} }
// Mixin for generating new styles // Mixin for generating new styles
...@@ -253,6 +250,5 @@ ...@@ -253,6 +250,5 @@
.well { .well {
#gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg); #gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg);
border-color: darken(@well-bg, 10%); border-color: darken(@well-bg, 10%);
@shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
.box-shadow(@shadow);
} }
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
background-color: @thumbnail-bg; background-color: @thumbnail-bg;
border: 1px solid @thumbnail-border; border: 1px solid @thumbnail-border;
border-radius: @thumbnail-border-radius; border-radius: @thumbnail-border-radius;
.transition(all .2s ease-in-out); transition: all .2s ease-in-out;
> img, > img,
a > img { a > img {
......
...@@ -11,9 +11,9 @@ ...@@ -11,9 +11,9 @@
visibility: visible; visibility: visible;
font-size: @font-size-small; font-size: @font-size-small;
line-height: 1.4; line-height: 1.4;
.opacity(0); opacity: 0;
&.in { .opacity(@tooltip-opacity); } &.in { opacity: @tooltip-opacity; }
&.top { margin-top: -3px; padding: @tooltip-arrow-width 0; } &.top { margin-top: -3px; padding: @tooltip-arrow-width 0; }
&.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; } &.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; }
&.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; } &.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; }
......
...@@ -53,5 +53,5 @@ ...@@ -53,5 +53,5 @@
.affix { .affix {
position: fixed; position: fixed;
.translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment