mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-18 10:52:19 +01:00
Drop: all vendor prefix mixins because autoprefixer
This commit is contained in:
parent
6fda409853
commit
d7b38d8c4a
2
dist/css/bootstrap-theme.css.map
vendored
2
dist/css/bootstrap-theme.css.map
vendored
File diff suppressed because one or more lines are too long
30
dist/css/bootstrap.css
vendored
30
dist/css/bootstrap.css
vendored
@ -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 {
|
|||||||
.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 {
|
|||||||
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 {
|
|||||||
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 {
|
|||||||
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 {
|
|||||||
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 {
|
|||||||
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 {
|
|||||||
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 {
|
||||||
|
2
dist/css/bootstrap.css.map
vendored
2
dist/css/bootstrap.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/css/bootstrap.min.css
vendored
2
dist/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
2
docs/dist/css/bootstrap-theme.css.map
vendored
2
docs/dist/css/bootstrap-theme.css.map
vendored
File diff suppressed because one or more lines are too long
30
docs/dist/css/bootstrap.css
vendored
30
docs/dist/css/bootstrap.css
vendored
@ -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 {
|
|||||||
.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 {
|
|||||||
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 {
|
|||||||
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 {
|
|||||||
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 {
|
|||||||
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 {
|
|||||||
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 {
|
|||||||
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 {
|
||||||
|
2
docs/dist/css/bootstrap.css.map
vendored
2
docs/dist/css/bootstrap.css.map
vendored
File diff suppressed because one or more lines are too long
2
docs/dist/css/bootstrap.min.css
vendored
2
docs/dist/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
@ -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 @@
|
|||||||
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 @@
|
|||||||
&.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 @@
|
|||||||
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 @@
|
|||||||
&[disabled],
|
&[disabled],
|
||||||
fieldset[disabled] & {
|
fieldset[disabled] & {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
.box-shadow(none);
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
&,
|
&,
|
||||||
&:hover,
|
&:hover,
|
||||||
|
@ -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 @@
|
|||||||
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 @@
|
|||||||
|
|
||||||
.fade {
|
.fade {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
.transition(opacity .15s linear);
|
transition: opacity .15s linear;
|
||||||
&.in {
|
&.in {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
@ -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 @@
|
|||||||
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 {
|
|||||||
|
|
||||||
// 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 {
|
|||||||
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 @@
|
|||||||
@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 @@
|
|||||||
// 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 @@
|
|||||||
&: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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1,224 +0,0 @@
|
|||||||
// 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 @@
|
|||||||
|
|
||||||
// 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 @@
|
|||||||
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 @@
|
|||||||
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 @@
|
|||||||
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 @@
|
|||||||
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 @@
|
|||||||
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 @@
|
|||||||
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 @@
|
|||||||
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 @@
|
|||||||
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 @@
|
|||||||
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 @@
|
|||||||
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 @@
|
|||||||
// `.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 @@
|
|||||||
// 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 {
|
|||||||
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 @@
|
|||||||
.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 @@
|
|||||||
|
|
||||||
.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 @@
|
|||||||
#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 @@
|
|||||||
|
|
||||||
.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 @@
|
|||||||
// 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 @@
|
|||||||
|
|
||||||
.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 @@
|
|||||||
|
|
||||||
// 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 @@
|
|||||||
.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 @@
|
|||||||
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 @@
|
|||||||
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 @@
|
|||||||
|
|
||||||
.affix {
|
.affix {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
.translate3d(0, 0, 0);
|
transform: translate3d(0, 0, 0);
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user