box.sass 675 B

123456789101112131415161718192021222324
  1. $box-color: $text !default
  2. $box-background-color: $white !default
  3. $box-radius: $radius-large !default
  4. $box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
  5. $box-padding: 1.25rem !default
  6. $box-link-hover-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $link !default
  7. $box-link-active-shadow: inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link !default
  8. .box
  9. @extend %block
  10. background-color: $box-background-color
  11. border-radius: $box-radius
  12. box-shadow: $box-shadow
  13. color: $box-color
  14. display: block
  15. padding: $box-padding
  16. a.box
  17. &:hover,
  18. &:focus
  19. box-shadow: $box-link-hover-shadow
  20. &:active
  21. box-shadow: $box-link-active-shadow