Skip to content

B
bootstrap
Commit d7b38d8c authored by Mark Otto's avatar Mark Otto
Browse files
Options

Drop: all vendor prefix mixins because autoprefixer

parent 6fda4098
Hide whitespace changes
Inline Side-by-side
Showing with 79 additions and 326 deletions
dist/css/bootstrap-theme.css.map
View file @ d7b38d8c
This diff was suppressed by a .gitattributes entry.
dist/css/bootstrap.css
View file @ d7b38d8c
......@@ -260,11 +260,7 @@ th {
border: 1px solid #ddd !important;
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
......@@ -1731,17 +1727,19 @@ output {
.form-control:focus {
border-color: #66afe9;
outline: 0;
-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);
-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);
}
.form-control::-webkit-input-placeholder {
color: #777;
}
.form-control::-moz-placeholder {
color: #777;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #777;
}
.form-control::-webkit-input-placeholder {
.form-control::placeholder {
color: #777;
}
.form-control[disabled],
......@@ -2151,7 +2149,6 @@ select[multiple].form-group-lg .form-control {
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
......@@ -4739,7 +4736,6 @@ a.list-group-item-danger.active:focus {
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.close:hover,
......@@ -4747,7 +4743,6 @@ a.list-group-item-danger.active:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
button.close {
......@@ -4773,11 +4768,12 @@ button.close {
outline: 0;
}
.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: transition .3s ease-out;
-ms-transform: transition .3s ease-out;
-o-transform: transition .3s ease-out;
transform: translate3d(0, -25%, 0);
transform: transition .3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate3d(0, 0, 0);
......@@ -4814,11 +4810,9 @@ button.close {
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5;
}
.modal-header {
......@@ -4884,11 +4878,9 @@ button.close {
font-size: .85rem;
line-height: 1.4;
visibility: visible;
filter: alpha(opacity=0);
opacity: 0;
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: .9;
}
.tooltip.top {
......
dist/css/bootstrap.css.map
View file @ d7b38d8c
This diff was suppressed by a .gitattributes entry.
dist/css/bootstrap.min.css
View file @ d7b38d8c
This source diff could not be displayed because it is too large. You can view the blob instead.
docs/dist/css/bootstrap-theme.css.map
View file @ d7b38d8c
This diff was suppressed by a .gitattributes entry.
docs/dist/css/bootstrap.css
View file @ d7b38d8c
......@@ -260,11 +260,7 @@ th {
border: 1px solid #ddd !important;
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
......@@ -1731,17 +1727,19 @@ output {
.form-control:focus {
border-color: #66afe9;
outline: 0;
-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);
-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);
}
.form-control::-webkit-input-placeholder {
color: #777;
}
.form-control::-moz-placeholder {
color: #777;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #777;
}
.form-control::-webkit-input-placeholder {
.form-control::placeholder {
color: #777;
}
.form-control[disabled],
......@@ -2151,7 +2149,6 @@ select[multiple].form-group-lg .form-control {
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
......@@ -4739,7 +4736,6 @@ a.list-group-item-danger.active:focus {
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.close:hover,
......@@ -4747,7 +4743,6 @@ a.list-group-item-danger.active:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
button.close {
......@@ -4773,11 +4768,12 @@ button.close {
outline: 0;
}
.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: transition .3s ease-out;
-ms-transform: transition .3s ease-out;
-o-transform: transition .3s ease-out;
transform: translate3d(0, -25%, 0);
transform: transition .3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate3d(0, 0, 0);
......@@ -4814,11 +4810,9 @@ button.close {
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5;
}
.modal-header {
......@@ -4884,11 +4878,9 @@ button.close {
font-size: .85rem;
line-height: 1.4;
visibility: visible;
filter: alpha(opacity=0);
opacity: 0;
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: .9;
}
.tooltip.top {
......
docs/dist/css/bootstrap.css.map
View file @ d7b38d8c
This diff was suppressed by a .gitattributes entry.
docs/dist/css/bootstrap.min.css
View file @ d7b38d8c
This source diff could not be displayed because it is too large. You can view the blob instead.
less/button-groups.less
View file @ d7b38d8c
......@@ -117,11 +117,11 @@
// The clickable button for toggling the menu
// Remove the gradient and set the same inset shadow as the :active state
.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.
&.btn-link {
.box-shadow(none);
box-shadow: none;
}
}
......
less/buttons.less
View file @ d7b38d8c
......@@ -18,7 +18,7 @@
border: 1px solid transparent;
white-space: nowrap;
.button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base);
.user-select(none);
user-select: none;
&,
&:active,
......@@ -40,7 +40,7 @@
&.active {
outline: 0;
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,
......@@ -48,8 +48,8 @@
fieldset[disabled] & {
cursor: not-allowed;
pointer-events: none; // Future-proof disabling of clicks
.opacity(.65);
.box-shadow(none);
opacity: .65;
box-shadow: none;
}
}
......@@ -95,7 +95,7 @@
&[disabled],
fieldset[disabled] & {
background-color: transparent;
.box-shadow(none);
box-shadow: none;
}
&,
&:hover,
......
less/carousel.less
View file @ d7b38d8c
......@@ -16,7 +16,7 @@
> .item {
display: none;
position: relative;
.transition(.6s ease-in-out left);
transition: .6s ease-in-out left;
// Account for jankitude on images
> img,
......
less/close.less
View file @ d7b38d8c
......@@ -10,14 +10,14 @@
line-height: 1;
color: @close-color;
text-shadow: @close-text-shadow;
.opacity(.2);
opacity: .2;
&:hover,
&:focus {
color: @close-color;
text-decoration: none;
cursor: pointer;
.opacity(.5);
opacity: .5;
}
// Additional properties for button version
......
less/component-animations.less
View file @ d7b38d8c
......@@ -9,7 +9,7 @@
.fade {
opacity: 0;
.transition(opacity .15s linear);
transition: opacity .15s linear;
&.in {
opacity: 1;
}
......@@ -27,5 +27,5 @@
position: relative;
height: 0;
overflow: hidden;
.transition(height .35s ease);
transition: height .35s ease;
}
less/dropdowns.less
View file @ d7b38d8c
......@@ -43,7 +43,7 @@
border: 1px solid @dropdown-fallback-border; // IE8 fallback
border: 1px solid @dropdown-border;
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;
// Aligns the dropdown menu to right
......
less/forms.less
View file @ d7b38d8c
......@@ -45,7 +45,7 @@ label {
// Override content-box in Normalize (* isn't specific enough)
input[type="search"] {
.box-sizing(border-box);
box-sizing: border-box;
}
// Position radios and checkboxes better
......@@ -124,14 +124,16 @@ output {
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-radius: @input-border-radius;
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
.transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
// Customize the `:focus` state to imitate native WebKit styles.
.form-control-focus();
// Placeholder
.placeholder();
&::placeholder {
color: @input-color-placeholder;
}
// Disabled and read-only inputs
//
......
less/mixins.less
View file @ d7b38d8c
......@@ -13,7 +13,6 @@
@import "mixins/tab-focus.less";
@import "mixins/text-emphasis.less";
@import "mixins/text-overflow.less";
@import "mixins/vendor-prefixes.less";
// Components
@import "mixins/alerts.less";
......
less/mixins/forms.less
View file @ d7b38d8c
......@@ -20,11 +20,10 @@
// Set the border and box shadow on specific inputs to match
.form-control {
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 {
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(@shadow);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
}
}
// Set validation states also for addons
......@@ -57,7 +56,7 @@
&:focus {
border-color: @color;
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;
}
}
......
less/mixins/vendor-prefixes.less deleted 100644 → 0
View file @ 6fda4098
// 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;
}
less/modals.less
View file @ d7b38d8c
......@@ -30,10 +30,10 @@
// When fading in the modal, animate it to slide down
&.fade .modal-dialog {
.translate3d(0, -25%, 0);
.transition-transform(~"0.3s ease-out");
transform: translate3d(0, -25%, 0);
transform: transition .3s ease-out;
}
&.in .modal-dialog { .translate3d(0, 0, 0) }
&.in .modal-dialog { transform: translate3d(0, 0, 0) }
}
.modal-open .modal {
overflow-x: hidden;
......@@ -54,7 +54,7 @@
border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
border: 1px solid @modal-content-border-color;
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;
// Remove focus outline from opened modal
outline: 0;
......@@ -70,8 +70,8 @@
z-index: @zindex-modal-background;
background-color: @modal-backdrop-bg;
// Fade for backdrop
&.fade { .opacity(0); }
&.in { .opacity(@modal-backdrop-opacity); }
&.fade { opacity: 0; }
&.in { opacity: @modal-backdrop-opacity; }
}
// Modal header
......@@ -138,7 +138,7 @@
margin: 30px auto;
}
.modal-content {
.box-shadow(0 5px 15px rgba(0,0,0,.5));
box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
// Modal sizes
......
less/navbar.less
View file @ d7b38d8c
......@@ -141,7 +141,7 @@
right: 0;
left: 0;
z-index: @zindex-navbar-fixed;
.translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
// Undo the rounded corners
@media (min-width: @grid-float-breakpoint) {
......@@ -290,8 +290,7 @@
padding: 10px @navbar-padding-horizontal;
border-top: 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(@shadow);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
// Mixin behavior for optimum display
.form-inline();
......@@ -313,7 +312,7 @@
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
.box-shadow(none);
box-shadow: none;
}
}
......
less/panels.less
View file @ d7b38d8c
......@@ -9,7 +9,7 @@
background-color: @panel-bg;
border: 1px solid transparent;
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
......
less/popovers.less
View file @ d7b38d8c
......@@ -17,7 +17,7 @@
border: 1px solid @popover-fallback-border-color;
border: 1px solid @popover-border-color;
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
white-space: normal;
......
less/progress-bars.less
View file @ d7b38d8c
......@@ -30,7 +30,7 @@
margin-bottom: @line-height-computed;
background-color: @progress-bg;
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
......@@ -43,8 +43,8 @@
color: @progress-bar-color;
text-align: center;
background-color: @progress-bar-bg;
.box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
.transition(width .6s ease);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
transition: width .6s ease;
}
// Striped bars
......@@ -64,7 +64,7 @@
// `.progress-bar.active` approach.
.progress.active .progress-bar,
.progress-bar.active {
.animation(progress-bar-stripes 2s linear infinite);
animation: progress-bar-stripes 2s linear infinite;
}
// Account for lower percentages
......
less/scaffolding.less
View file @ d7b38d8c
......@@ -8,12 +8,10 @@
// Heads up! This reset may cause conflicts with some third-party widgets.
// For recommendations on resolving such conflicts, see
// http://getbootstrap.com/getting-started/#third-box-sizing
* {
.box-sizing(border-box);
}
*,
*:before,
*:after {
.box-sizing(border-box);
box-sizing: border-box;
}
......@@ -96,7 +94,7 @@ img {
background-color: @thumbnail-bg;
border: 1px solid @thumbnail-border;
border-radius: @thumbnail-border-radius;
.transition(all .2s ease-in-out);
transition: all .2s ease-in-out;
// Keep them at most 100% wide
.img-responsive(inline-block);
......
less/theme.less
View file @ d7b38d8c
......@@ -20,13 +20,12 @@
.btn-warning,
.btn-danger {
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(@shadow);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
// Reset the shadow
&: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 @@
.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 @@
#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
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(@shadow);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
.navbar-nav > .active > a {
#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,
......@@ -133,7 +131,7 @@
.navbar-nav > .active > a {
#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,
......@@ -158,8 +156,7 @@
// Common styles
.alert {
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(@shadow);
box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
}
// Mixin for generating new styles
......@@ -210,7 +207,7 @@
.list-group {
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:hover,
......@@ -228,7 +225,7 @@
// Common styles
.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
......@@ -253,6 +250,5 @@
.well {
#gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg);
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(@shadow);
box-shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
}
less/thumbnails.less
View file @ d7b38d8c
......@@ -12,7 +12,7 @@
background-color: @thumbnail-bg;
border: 1px solid @thumbnail-border;
border-radius: @thumbnail-border-radius;
.transition(all .2s ease-in-out);
transition: all .2s ease-in-out;
> img,
a > img {
......
less/tooltip.less
View file @ d7b38d8c
......@@ -11,9 +11,9 @@
visibility: visible;
font-size: @font-size-small;
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; }
&.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; }
&.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; }
......
less/utilities.less
View file @ d7b38d8c
......@@ -53,5 +53,5 @@
.affix {
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