const u = require('../styles/utils');

module.exports = {
  '.dashboard': {
    'padding': u.inRem(20),
  },

  '.dashboard’s-title': {
    'font-size': u.inRem(40),
    'line-height': u.inRem(40),
  },

  '.dashboard’s-subtitle': {
    'font-size': u.inRem(12),
    'text-transform': 'uppercase',
    'letter-spacing': '0.2em',
  },
};

@@ -32,16 +32,161 @@
 ils');%0A%0A
+const dashboardPadding = 20;%0A%0Aconst categoryBorderWidth = 1;%0Aconst categoryBorder =%0A  %60$%7BcategoryBorderWidth%7Dpx solid rgba(255, 255, 255, .2)%60;%0A%0A
 module.e
@@ -237,18 +237,32 @@
 u.inRem(
-20
+dashboardPadding
 ),%0A  %7D,%0A
@@ -485,12 +485,397 @@
 m',%0A  %7D,
+%0A%0A  '.dashboard%E2%80%99s-categories': %7B%0A    'list-style-type': 'none',%0A    'padding-top': u.inRem(40),%0A    'margin': %600 $%7Bu.inRem(-dashboardPadding)%7D%60,%0A    'border-bottom': categoryBorder,%0A  %7D,%0A%0A  '.dashboard%E2%80%99s-category': %7B%0A    'line-height': u.inRem(40),%0A    'padding': %5B%0A      u.inRem(10 - categoryBorderWidth / 2),%0A      u.inRem(20),%0A    %5D.join(' '),%0A    'border-top': categoryBorder,%0A  %7D,
 %0A%7D;%0A

Make categories a bit prettier