.nav li.dropdown.open a:hover .caret {
border-top-color: #fff;
border-bottom-color: #fff;
- .opacity(100);
+ .opacity(1);
}
// Dropdowns in stacked tabs
.modal-backdrop.fade {
opacity: 0;
+ filter: alpha(opacity=0);
}
.modal-backdrop.fade.in {
&[disabled],
fieldset[disabled] & {
cursor: default;
- .opacity(65);
+ .opacity(.65);
.box-shadow(none);
}
left: 0;
bottom: 0;
width: 15%;
- .opacity(50);
+ .opacity(.5);
font-size: 20px;
color: #fff;
text-align: center;
&:focus {
color: #fff;
text-decoration: none;
- .opacity(90);
+ .opacity(.9);
}
// Toggles
line-height: @line-height-base;
color: #000;
text-shadow: 0 1px 0 rgba(255,255,255,1);
- .opacity(20);
+ .opacity(.2);
&:hover,
&:focus {
color: #000;
text-decoration: none;
cursor: pointer;
- .opacity(50);
+ .opacity(.5);
}
}
// Opacity
.opacity(@opacity) {
- opacity: @opacity / 100;
- filter: ~"alpha(opacity=@{opacity})"; // IE8
+ opacity: @opacity;
+ // IE8 filter
+ @opacity-ie: @opacity * 100;
+ filter: ~"alpha(opacity=@{opacity-ie})";
}
z-index: @zindex-modal-background - 10;
background-color: #000;
// Fade for backdrop
- &.fade { opacity: 0; }
- &.fade.in { .opacity(50);}
+ &.fade { .opacity(0); }
+ &.fade.in { .opacity(.5); }
}
// Modal header
.nav li.dropdown.open a:hover .caret {
border-top-color: #fff;
border-bottom-color: #fff;
- .opacity(100);
+ .opacity(1);
}
// Dropdowns in stacked tabs
line-height: 1.4;
.opacity(0);
- &.in { .opacity(100); }
+ &.in { .opacity(1); }
&.top { margin-top: -3px; padding: 5px 0; }
&.right { margin-left: 3px; padding: 0 5px; }
&.bottom { margin-top: 3px; padding: 5px 0; }