MDL-55074 theme_boost: Navigation and blocks
[moodle.git] / theme / boost / scss / moodle / icons.scss
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 }
13 a:first-of-type > .icon {
14     margin-left: 0.5rem;
15 }
17 // Fix the cog icon for an action menu.
18 .action-menu > .dropdown .icon {
19     margin-left: 0;
20 }
22 // Fix the first item in a drop down menu (it's a list of links and icons, but has been made vertical.
23 .dropdown .dropdown-item .icon {
24     margin-left: 0;
25 }
27 // YUI 2 Tree View icons must not have a margin left.
28 .ygtvcell .icon {
29     margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
30 }
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 }
40 [data-action=toggle-drawer] .icon {
41     margin: 0px;
42 }