_buttons.scss 779 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. .button {
  2. border: 1px solid $primary-bg;
  3. border-radius: 3px;
  4. color: $primary-bg;
  5. display: inline-block;
  6. font-size: 14px;
  7. font-weight: 900;
  8. line-height: 1.2em;
  9. padding: 10px;
  10. text-transform: uppercase;
  11. transition: background 0.3s, color 0.3s;
  12. &:hover {
  13. background: $primary-bg;
  14. color: $primary-overlay;
  15. }
  16. }
  17. .homeContainer {
  18. .button {
  19. border-color: $primary-overlay;
  20. border-width: 1px;
  21. color: $primary-overlay;
  22. &:hover {
  23. background: $primary-overlay;
  24. color: $primary-bg;
  25. }
  26. }
  27. }
  28. .blockButton {
  29. display: block;
  30. }
  31. .edit-page-link {
  32. float: right;
  33. font-size: 14px;
  34. font-weight: normal;
  35. line-height: 20px;
  36. opacity: 0.6;
  37. transition: opacity 0.5s;
  38. }
  39. .edit-page-link:hover {
  40. opacity: 1;
  41. }