Sha256: 28546515c0c63167fc1c721d096864abc107c3f7cb1c6c2be19784c6e108d42c
Contents?: true
Size: 1.71 KB
Versions: 12
Compression:
Stored size: 1.71 KB
Contents
//
// Lables
// --------------------------------------------------
@mixin label-variant($color) {
background-color: $color;
&[href] {
&:hover,
&:focus {
background-color: darken($color, 10%);
}
}
}
.label {
display: inline;
padding: .25em .6em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: $label-color;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: $border-radius;
// [converter] extracted a& to a.label
// Empty labels collapse automatically (not available in IE8)
&:empty {
display: none;
}
// Quick fix for labels in buttons
.button & {
position: relative;
top: -1px;
}
}
// Add hover effects, but only for links
a.label {
&:hover,
&:focus {
color: $label-link-hover-color;
text-decoration: none;
cursor: pointer;
}
}
// Colors
// Contextual variations (linked labels get darker on :hover)
.label { @include label-variant($label-background-default); }
.label.primary { @include label-variant($label-background-primary); }
.label.success { @include label-variant($label-background-success); }
.label.info { @include label-variant($label-background-info); }
.label.warning { @include label-variant($label-background-warning); }
.label.danger { @include label-variant($label-background-danger); }
.label{
&.large {
padding: .4em .8em .5em;
font-size: 120%;
border-radius: $border-radius;
}
}
// $colors: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow;
// @for $i from 1 through length($colors) {
// .label.#{nth($colors, $i)}{
// @include label-variant(#{nth($colors, $i)});
// }
// }
Version data entries
12 entries across 12 versions & 1 rubygems