sass/elements/box.sass

.box
  @extend .block
  background: $white
  border-radius: 5px
  box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)
  display: block
  padding: 20px

a.box
  &:hover,
  &:focus
    box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $link
  &:active
    box-shadow: inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link
Restructure files, Add back inline-flex for controls and tags 2016-04-22 20:52:49 +01:00			`.box`
			`@extend .block`
Add white black light dark colors, Fix button inverted 2016-05-06 00:23:00 +01:00			`background: $white`
Restructure files, Add back inline-flex for controls and tags 2016-04-22 20:52:49 +01:00			`border-radius: 5px`
Add white black light dark colors, Fix button inverted 2016-05-06 00:23:00 +01:00			`box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)`
Restructure files, Add back inline-flex for controls and tags 2016-04-22 20:52:49 +01:00			`display: block`
			`padding: 20px`

			`a.box`
			`&:hover,`
			`&:focus`
Add white black light dark colors, Fix button inverted 2016-05-06 00:23:00 +01:00			`box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $link`
Restructure files, Add back inline-flex for controls and tags 2016-04-22 20:52:49 +01:00			`&:active`
Add white black light dark colors, Fix button inverted 2016-05-06 00:23:00 +01:00			`box-shadow: inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link`