Sha256: 8babe86acbecdf39798f703f77c4aa123a115fc4ace5d9ccdebfa2333eb025ae
Contents?: true
Size: 1.9 KB
Versions: 2
Compression:
Stored size: 1.9 KB
Contents
/* Labels */ .badge, .label { height: 20px; display: inline-block; font-family: Helvetica, arial, verdana, sans-serif; font-weight: bold; line-height: 20px; text-align:center; color: #fff; a { color: #fff; } @each $shade in $ui-coloring { &.#{nth($shade, 1)} { background: nth($shade, 2); border: 1px solid nth($shade, 2); @if nth($shade, 1) == default { color: darken(nth($shade, 2), 61.5%); &:hover { border-color: darken(nth($shade, 2), 5%); } a { color: darken(nth($shade, 2), 61.5%); } } @if nth($shade, 1) == warning { color: darken(nth($shade, 2), 40%); a { color: darken(nth($shade, 2), 40%); } } } } &.light { background: #fff; color: $body-font-color; border: 1px solid $default-color; a { color: $body-link-color; } } &.dark { background: #212121; border: 1px solid #212121; } } .badge { padding: 0 10px; @include font-size(ms(0, 14px)); @include border-radius(10px); } .label { padding: 0 10px; @include font-size(ms(0, 12px)); @include border-radius(2px); } .alert { padding: 0 10px; font-family: $font-family; font-weight: $font-weight-semibold; list-style-type: none; word-wrap: break-word; margin-bottom: $norm / 2; @include font-size(ms(0, 14px)); @include border-radius($button-radius); @each $shade in $ui-coloring { &.#{nth($shade, 1)} { background: lighten(nth($shade, 2), 20%); border: 1px solid nth($shade, 2); color: darken(nth($shade, 2), 20%); @if nth($shade, 1) == info { color: $default-color; } @if nth($shade, 1) == default { color: darken(nth($shade, 2), 61.5%); border: 1px solid nth($shade, 2); } @if nth($shade, 1) == warning { color: darken(nth($shade, 2), 40%); } } } }
Version data entries
2 entries across 2 versions & 2 rubygems
Version | Path |
---|---|
gumby_on_rails-0.0.1 | app/assets/stylesheets/gumby/ui/_labels.scss |
middleman-gumby-0.0.1 | vendor/assets/sass/ui/_labels.scss |