style courses listing and fix grid list

2017-10-02 16:05:54 +02:00
parent 60d2c02ce7
commit 478633c398
11 changed files with 166 additions and 160 deletions
--- a/assets/stylesheets/global/sidebar-menu.css
+++ b/assets/stylesheets/global/sidebar-menu.css
@@ -1,20 +1,24 @@
-.sidebar-menu {
-  & ul {
+@block sidebar-menu {
+  @element list {
    list-style: none;
-    margin: var(--grid-gutter) 0;
+    margin: 0;
    padding: 0;
+  }

-    & li {
-      margin: 0 0 var(--grid-gutter);
-      padding: 0;
-    }
+  @element item {
+    margin: 0 0 calc(var(--grid-gutter) / 4);
+    padding: 0;
+    font-size: 0.9em;
+    line-height: 1.8;
+  }

-    & a {
-      display: block;
+  @element link {
+    display: block;
+    color: var(--color-text-grey);

-      &.active {
-        font-weight: bold;
-      }
+    &.active {
+      font-family: var(--font-medium);
+      color: var(--color-text-default);
    }
  }
 }