MDL-55074 theme_boost: Navigation and blocks
[moodle.git] / theme / boost / scss / moodle / icons.scss
CommitLineData
072364df
DW
1// The only class we need for icons is .icon
2// Standardize the size, padding and alignment for all icons in Moodle.
3.icon {
4 width: 16px;
5 height: 16px;
6 vertical-align: middle;
7 margin: 0;
8 padding: 0;
9 box-sizing: content-box;
10 margin-right: 0.5rem;
11}
12
13a:first-of-type > .icon {
14 margin-left: 0.5rem;
15}
16
17// Fix the cog icon for an action menu.
5f18da12
FM
18.action-menu > .dropdown .icon {
19 margin-left: 0;
072364df
DW
20}
21
22// Fix the first item in a drop down menu (it's a list of links and icons, but has been made vertical.
132093f0 23.dropdown .dropdown-item .icon {
fde35b8f 24 margin-left: 0;
072364df 25}
b843914d
FM
26
27// YUI 2 Tree View icons must not have a margin left.
28.ygtvcell .icon {
5142f564 29 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
b843914d 30}
137c289a
FM
31
32// In the navigation, tree icons should not have margins.
33.block_navigation,
34.block_settings {
35 .tree_item .icon {
36 margin-left: 0;
37 }
38}
99061152
DW
39
40[data-action=toggle-drawer] .icon {
41 margin: 0px;
42}