_buttons.scss 756 B

12345678910111213141516171819202122232425262728293031323334353637
  1. .button,
  2. button,
  3. input[type="button"],
  4. input[type="reset"],
  5. input[type="submit"] {
  6. @include button-transition;
  7. background: $color__background-button;
  8. border: none;
  9. border-radius: 5px;
  10. box-sizing: border-box;
  11. color: $color__background-body;
  12. font-family: $font__ui;
  13. font-size: $font__size-sm;
  14. font-weight: 700;
  15. line-height: $font__line-height-heading;
  16. outline: none;
  17. padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
  18. text-decoration: none;
  19. vertical-align: bottom;
  20. &:hover {
  21. background: $color__background-button-hover;
  22. cursor: pointer;
  23. }
  24. &:visited {
  25. color: $color__background-body;
  26. text-decoration: none;
  27. }
  28. &:focus {
  29. background: $color__background-button-hover;
  30. outline: thin dotted;
  31. outline-offset: -4px;
  32. }
  33. }