dashboard.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  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 {
  30. text-align: center;
  31. font-weight: 500;
  32. font-size: 24px;
  33. line-height: 21px;
  34. color: $primary-text-color;
  35. font-family: $font-display, sans-serif;
  36. margin-bottom: 20px;
  37. line-height: 30px;
  38. }
  39. &__text {
  40. font-size: 18px;
  41. }
  42. &__label {
  43. font-size: 14px;
  44. color: $darker-text-color;
  45. text-align: center;
  46. font-weight: 500;
  47. }
  48. }
  49. .dashboard__widgets {
  50. display: flex;
  51. flex-wrap: wrap;
  52. margin: 0 -5px;
  53. & > div {
  54. flex: 0 0 33.333%;
  55. margin-bottom: 20px;
  56. & > div {
  57. padding: 0 5px;
  58. }
  59. }
  60. a:not(.name-tag) {
  61. color: $ui-secondary-color;
  62. font-weight: 500;
  63. text-decoration: none;
  64. }
  65. }