_buttons.scss 675 B

12345678910111213141516171819202122232425262728293031323334
  1. button,
  2. input[type="button"],
  3. input[type="reset"],
  4. input[type="submit"],
  5. .button {
  6. border: 2px solid;
  7. border-color: $color__border-button;
  8. border-radius: 10px;
  9. background: $color__background-button;
  10. box-shadow: none;
  11. color: $color__link;
  12. font-weight: bold;
  13. @include font-size(1);
  14. letter-spacing: 1px;
  15. line-height: 1;
  16. padding: .8em 1.6em .8em;
  17. text-shadow: none;
  18. text-decoration: none;
  19. text-transform: uppercase;
  20. transition: 0.3s;
  21. &:hover {
  22. border-color: $color__border-button-hover;
  23. box-shadow: none;
  24. color: $color__link-hover;
  25. }
  26. &:active,
  27. &:focus {
  28. border-color: $color__border-button-focus;
  29. box-shadow: none;
  30. color: $color__link-hover;
  31. }
  32. }