_buttons.scss 389 B

123456789101112131415161718192021222324
  1. %button {
  2. display: inline-block;
  3. padding: 7px 20px;
  4. &.button-small {
  5. padding: 3px 10px;
  6. font-size: $core-font-size - 0.1rem;
  7. }
  8. }
  9. @mixin button-color($color) {
  10. background: $white;
  11. color: $color;
  12. border: 1px solid $color;
  13. // border-radius: 3px;
  14. &:hover {
  15. background: $color;
  16. color: $white;
  17. }
  18. &:active {
  19. box-shadow: 0 1px 0 darken($color, 12%);
  20. }
  21. }