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.

78 lines
1.2 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. box-sizing: border-box;
  17. height: 100%;
  18. }
  19. & > a {
  20. text-decoration: none;
  21. color: inherit;
  22. display: block;
  23. &:hover,
  24. &:focus,
  25. &:active {
  26. background: lighten($ui-base-color, 8%);
  27. }
  28. }
  29. }
  30. &__num,
  31. &__text {
  32. text-align: center;
  33. font-weight: 500;
  34. font-size: 24px;
  35. line-height: 21px;
  36. color: $primary-text-color;
  37. font-family: $font-display, sans-serif;
  38. margin-bottom: 20px;
  39. line-height: 30px;
  40. }
  41. &__text {
  42. font-size: 18px;
  43. }
  44. &__label {
  45. font-size: 14px;
  46. color: $darker-text-color;
  47. text-align: center;
  48. font-weight: 500;
  49. }
  50. }
  51. .dashboard__widgets {
  52. display: flex;
  53. flex-wrap: wrap;
  54. margin: 0 -5px;
  55. & > div {
  56. flex: 0 0 33.333%;
  57. margin-bottom: 20px;
  58. & > div {
  59. padding: 0 5px;
  60. }
  61. }
  62. a:not(.name-tag) {
  63. color: $ui-secondary-color;
  64. font-weight: 500;
  65. text-decoration: none;
  66. }
  67. }