rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-19 16:54:24 +01:00
Code Issues Actions Packages Releases Activity

Fixes #6935: Use standard decimal points for .opacity() mixin

Browse Source
This commit is contained in:
Mark Otto 2013-02-28 19:46:49 -08:00
parent 0dea8b0c74
commit b19eb88b5a
8 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
docs/assets/css/bootstrap.css vendored
View File

@ -3095,7 +3095,7 @@ button.close {
.nav li.dropdown.open a:hover .caret { .nav li.dropdown.open a:hover .caret {
border-top-color: #fff; border-top-color: #fff;
border-bottom-color: #fff; border-bottom-color: #fff;
.opacity(100); .opacity(1);
} }
// Dropdowns in stacked tabs // Dropdowns in stacked tabs
@ -3839,6 +3839,7 @@ button.close {
.modal-backdrop.fade { .modal-backdrop.fade {
opacity: 0; opacity: 0;
filter: alpha(opacity=0);
} }
.modal-backdrop.fade.in { .modal-backdrop.fade.in {

2
less/buttons.less
View File

@ -41,7 +41,7 @@
&[disabled], &[disabled],
fieldset[disabled] & { fieldset[disabled] & {
cursor: default; cursor: default;
.opacity(65); .opacity(.65);
.box-shadow(none); .box-shadow(none);
} }

4
less/carousel.less
View File

@ -75,7 +75,7 @@
left: 0; left: 0;
bottom: 0; bottom: 0;
width: 15%; width: 15%;
.opacity(50); .opacity(.5);
font-size: 20px; font-size: 20px;
color: #fff; color: #fff;
text-align: center; text-align: center;
@ -105,7 +105,7 @@
&:focus { &:focus {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
.opacity(90); .opacity(.9);
} }
// Toggles // Toggles

4
less/close.less
View File

@ -10,13 +10,13 @@
line-height: @line-height-base; line-height: @line-height-base;
color: #000; color: #000;
text-shadow: 0 1px 0 rgba(255,255,255,1); text-shadow: 0 1px 0 rgba(255,255,255,1);
.opacity(20); .opacity(.2);
&:hover, &:hover,
&:focus { &:focus {
color: #000; color: #000;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
.opacity(50); .opacity(.5);
} }
} }

6
less/mixins.less
View File

@ -291,8 +291,10 @@
// Opacity // Opacity
.opacity(@opacity) { .opacity(@opacity) {
opacity: @opacity / 100; opacity: @opacity;
filter: ~"alpha(opacity=@{opacity})"; // IE8 // IE8 filter
@opacity-ie: @opacity * 100;
filter: ~"alpha(opacity=@{opacity-ie})";
} }

4
less/modals.less
View File

@ -67,8 +67,8 @@
z-index: @zindex-modal-background - 10; z-index: @zindex-modal-background - 10;
background-color: #000; background-color: #000;
// Fade for backdrop // Fade for backdrop
&.fade { opacity: 0; } &.fade { .opacity(0); }
&.fade.in { .opacity(50);} &.fade.in { .opacity(.5); }
} }
// Modal header // Modal header

2
less/navs.less
View File

@ -265,7 +265,7 @@
.nav li.dropdown.open a:hover .caret { .nav li.dropdown.open a:hover .caret {
border-top-color: #fff; border-top-color: #fff;
border-bottom-color: #fff; border-bottom-color: #fff;
.opacity(100); .opacity(1);
} }
// Dropdowns in stacked tabs // Dropdowns in stacked tabs

2
less/tooltip.less
View File

@ -13,7 +13,7 @@
line-height: 1.4; line-height: 1.4;
.opacity(0); .opacity(0);
&.in { .opacity(100); } &.in { .opacity(1); }
&.top { margin-top: -3px; padding: 5px 0; } &.top { margin-top: -3px; padding: 5px 0; }
&.right { margin-left: 3px; padding: 0 5px; } &.right { margin-left: 3px; padding: 0 5px; }
&.bottom { margin-top: 3px; padding: 5px 0; } &.bottom { margin-top: 3px; padding: 5px 0; }