Sha256: e740bec19b10d02503b17f69c1eb79c1e1fa003c51e2ca95d85570f8713991b2
Contents?: true
Size: 1.21 KB
Versions: 17
Compression:
Stored size: 1.21 KB
Contents
.style-guide-color
margin-bottom: 2rem
.style-guide-color__sample
+size(100% 6rem)
margin-bottom: .5rem
.style-guide-color__hex
+text-block(.875rem 1.45 .25rem, 700)
.style-guide-color__luma
+text-block(.875rem 1.45 .25rem, 700)
.style-guide-color__name
+text-block(.875rem 1.45 .25rem, 700)
// ui-colors
$ui-colors: primary secondary warning danger info
$color-set: ""
$colors: main tint tint-more shade text
@each $ui-color in $ui-colors
@each $color in $colors
@if $ui-color == primary
$color-set: $primary-colors
@else if $ui-color == secondary
$color-set: $secondary-colors
@else if $ui-color == warning
$color-set: $warning-colors
@else if $ui-color == danger
$color-set: $danger-colors
@else if $ui-color == info
$color-set: $info-colors
.style-guide-color.is-#{$ui-color}-color-#{$color}
.style-guide-color__sample
background-color: map-get($color-set, $color)
padding: 1rem
.style-guide-color__text
color: map-get($color-set, text)
.style-guide-color__hex::after
content: ": #{map-get($color-set, $color)}"
.style-guide-color__luma::after
content: ": #{luma(map-get($color-set, $color))}"
Version data entries
17 entries across 17 versions & 1 rubygems