Sha256: c258fe3b29bbe004448a1175f9032cd1b02060e508077bbb46189c8561e20108

Contents?: true

Size: 1.91 KB

Versions: 150

Compression:

Stored size: 1.91 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
  +space(margin-bottom)

.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

150 entries across 150 versions & 1 rubygems

Version Path
smock-0.1.268 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.267 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.266 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.265 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.264 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.263 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.262 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.261 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.260 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.259 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.258 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.256 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.255 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.254 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.253 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.252 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.251 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.250 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.249 app/assets/stylesheets/modules/_styleguide.sass
smock-0.1.247 app/assets/stylesheets/modules/_styleguide.sass