btns.scss 712 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .btn {
  2. font-family: "JetbrainsMono Nerd Font";
  3. font-size: 1.6rem;
  4. padding: 0 1.3rem;
  5. box-shadow: none;
  6. background-color: $grey;
  7. border-radius: 50%;
  8. }
  9. .close {
  10. color: $red;
  11. }
  12. .sleep {
  13. color: $red;
  14. }
  15. .restart {
  16. color: $green;
  17. }
  18. .lock {
  19. color: $blue;
  20. padding: 0 1.4rem;
  21. }
  22. .lock:hover , .restart:hover, .close:hover, .wifi:hover{
  23. background-color: $green;
  24. color: $black;
  25. }
  26. .wifi {
  27. background-color: $red;
  28. color: $black;
  29. padding: 0 1.1rem;
  30. }
  31. .lock, .restart, .close, .wifi{
  32. transition: ease-out .2s;
  33. }
  34. .btnMargin {
  35. background-color: $grey;
  36. border-radius: 50%;
  37. margin: 0.5rem;
  38. }
  39. .footerBtns {
  40. background-color: $blackAlt;
  41. padding: 0.5rem;
  42. border-radius: 1.3rem;
  43. }