app/assets/stylesheets/components/_ui-side-navigation.sass
/**
* ## Side Navigation `.ui-side-navigation`
*
* Styleguide 6.2
.ui-side-navigation
position: relative
top: -5px
.ui-side-navigation li
clear: both
display: block
font-size: $font-s
list-style: none
margin: $space-x 0
.ui-side-navigation-item > a
display: block
line-height: $line-height-m
padding: $space-x 0
.ui-side-navigation-item.active > a
color: $mono-dark
cursor: default
// 2nd Level navigation list
.ui-side-navigation-lvl2
.ui-side-navigation-lvl2-item > a
@extend a.weak
line-height: $line-height-xs
.ui-side-navigation-lvl2-item.active > a
font-weight: 700
// 3rd Level navigation list
.ui-side-navigation-lvl3
padding: 0 0 0 $space-s
.ui-side-navigation-lvl3-item:before
content: "- "
.ui-side-navigation-lvl3-item > a
@extend a.weak
.ui-side-navigation-lvl3-item.active > a
font-weight: 700