app/javascript/styles/mastodon/dashboard.scss

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