feat: style site and user tools in sidebar

This uses the BEM methodology as far as possible in order to keep the
code as clean and simple as possible.
This commit is contained in:
Michael Große 2018-01-19 16:25:37 +01:00
commit d23a07793f
No known key found for this signature in database
GPG key ID: 7E31028FBFEACC79
3 changed files with 37 additions and 4 deletions

30
css/toollist.less Normal file
View file

@ -0,0 +1,30 @@
/**
* Styles for site tools and user tools in sidebar
*
* Using BEM methodology as far as possible
*/
.toollist {
}
.toollist__listitem {
list-style: none;
a {
display: inline-flex;
flex-direction: row-reverse;
flex-wrap: nowrap;
align-items: center;
}
span {
font-size: @font-size-default;
}
svg {
width: @font-size-default;
vertical-align: middle;
fill: @ini_nav_menu_color;
margin-right: .2em;
}
}