Sha256: c23f13c48719d3f9b6dedc14e628fb8505b74d294436e365b6844284a3c32c1c

Contents?: true

Size: 1.89 KB

Versions: 90

Compression:

Stored size: 1.89 KB

Contents

.classification
  > h2
    +bottom-horizontal-rule

.style-group
  +clearfix

.style-group__example
  +space(margin-bottom, 2)

.style-group__example__label
  clear: both
  display: block
  background: $gray-lightest
  +space(margin-bottom)

.style-group__example__colors
  margin: 0
  list-style: none
  +space(margin-bottom)
  overflow: hidden

.style-group__example__color
  +span-columns(2 of 12)
  +border
  border-radius: $border-radius
  text-align: center
  padding: $typecsset-magic-number / 2


.style-group__example__color__name,
.style-group__example__color__hex
  display: block

.style-group__example__color__swatch
  +space(height, 5)
  width: 100%

.style-group__example__color__swatch--blue
  @extend .style-group__example__color__swatch
  background: $blue

.style-group__example__color__swatch--green
  @extend .style-group__example__color__swatch
  background: $green

.style-group__example__color__swatch--orange
  @extend .style-group__example__color__swatch
  background: $orange

.style-group__example__color__swatch--yellow
  @extend .style-group__example__color__swatch
  background: $yellow

.style-group__example__color__swatch--red
  @extend .style-group__example__color__swatch
  background: $red

.style-group__example__color__swatch--black
  @extend .style-group__example__color__swatch
  background: $black

.style-group__example__color__swatch--gray-dark
  @extend .style-group__example__color__swatch
  background: $gray-dark

.style-group__example__color__swatch--gray
  @extend .style-group__example__color__swatch
  background: $gray

.style-group__example__color__swatch--gray-light
  @extend .style-group__example__color__swatch
  background: $gray-light

.style-group__example__color__swatch--gray-lightest
  @extend .style-group__example__color__swatch
  background: $gray-lightest

.style-group__example__color__swatch--white
  @extend .style-group__example__color__swatch
  background: $white

Version data entries

90 entries across 90 versions & 1 rubygems

Version Path
smock-0.1.108 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.107 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.106 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.105 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.104 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.102 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.101 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.100 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.99 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.98 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.97 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.96 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.94 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.93 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.92 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.91 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.90 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.89 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.88 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.87 app/assets/stylesheets/modules/_styleguide.sass