Sha256: 31cfb0c9eca8d964416b114b58659c18b70c0181f468d3314a2fbdeb30b810d2
Contents?: true
Size: 1.53 KB
Versions: 35
Compression:
Stored size: 1.53 KB
Contents
@import "compass/css3";
.toggleSwitch {
display: inline-block;
position: relative;
top: 0px;
line-height: 18px;
span.leftLabel.on {
width: 29px;
left: 0px;
padding-left: 1px;
color: #fff !important;
@include single-text-shadow(rgba(0, 0, 0, 0.3), 0, -1px, 0px);
}
span.rightLabel.on {
width: 27px;
right: 0px;
padding-right: 1px;
color: #888 !important;
}
span.leftLabel, span.rightLabel {
position: absolute;
top: 0px;
width: 27px;
line-height: 18px;
font-size: 10px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
display: none;
&.on {
display: inline;
}
}
div.switchArea {
float: left;
width: 54px;
height: 16px;
cursor: pointer;
border: 1px solid #a3a3a3;
@include border-radius(3px);
@include background-image(linear-gradient(top, #d2d1d1, #eeeeee 20%, #f1f1f1 25%, #f1f1f1));
@include box-shadow(rgba(255, 255, 255, 0.8) 0px 1px 0px 0px);
&.on {
border-color: #1971af;
@include background-image(linear-gradient(#218bd9, #2abbf2));
}
}
span.switchHandle {
position: relative;
top: -1px;
display: block;
width: 25px;
height: 100%;
cursor: pointer;
cursor: hand;
margin-left: 0;
@include background-image(linear-gradient(#f4f4f4, #eeeeee));
border: 1px solid rgba(120, 120, 120, 1);
@include border-radius(3px);
@include box-shadow(rgba(255, 255, 255, 1) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.3) 0px 1px 1px 0px);
}
}
Version data entries
35 entries across 35 versions & 2 rubygems