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.

69 lines
1.1 KiB

  1. .dashboard__counters {
  2. display: flex;
  3. flex-wrap: wrap;
  4. margin: 0 -5px;
  5. margin-bottom: 20px;
  6. & > div {
  7. box-sizing: border-box;
  8. flex: 0 0 33.333%;
  9. padding: 0 5px;
  10. margin-bottom: 10px;
  11. & > div,
  12. & > a {
  13. padding: 20px;
  14. background: lighten($ui-base-color, 4%);
  15. border-radius: 4px;
  16. }
  17. & > a {
  18. text-decoration: none;
  19. color: inherit;
  20. display: block;
  21. &:hover,
  22. &:focus,
  23. &:active {
  24. background: lighten($ui-base-color, 8%);
  25. }
  26. }
  27. }
  28. &__num {
  29. text-align: center;
  30. font-weight: 500;
  31. font-size: 24px;
  32. color: $primary-text-color;
  33. font-family: $font-display, sans-serif;
  34. margin-bottom: 20px;
  35. }
  36. &__label {
  37. font-size: 14px;
  38. color: $darker-text-color;
  39. text-align: center;
  40. font-weight: 500;
  41. }
  42. }
  43. .dashboard__widgets {
  44. display: flex;
  45. flex-wrap: wrap;
  46. margin: 0 -5px;
  47. & > div {
  48. flex: 0 0 33.333%;
  49. margin-bottom: 20px;
  50. & > div {
  51. padding: 0 5px;
  52. }
  53. }
  54. a:not(.name-tag) {
  55. color: $ui-secondary-color;
  56. font-weight: 500;
  57. text-decoration: none;
  58. }
  59. }