You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

28 line
673 B

  1. // Colored button
  2. @mixin btn-color($fg, $bg) {
  3. color: $fg;
  4. background-color: darken($bg, 2%);
  5. background-image: linear-gradient(lighten($bg, 5%), darken($bg, 2%));
  6. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 4px 10px rgba(0, 0, 0, 0.12);
  7. &:hover,
  8. &.zeroclipboard-is-hover {
  9. color: $fg;
  10. background-color: darken($bg, 4%);
  11. background-image: linear-gradient((lighten($bg, 2%), darken($bg, 4%)));
  12. }
  13. &:active,
  14. &.selected,
  15. &.zeroclipboard-is-active {
  16. background-color: darken($bg, 5%);
  17. background-image: none;
  18. box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  19. }
  20. &.selected:hover {
  21. background-color: darken($bg, 10%);
  22. }
  23. }