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:
parent
be2951ad9a
commit
d23a07793f
3 changed files with 37 additions and 4 deletions
30
css/toollist.less
Normal file
30
css/toollist.less
Normal 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;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue