Moodle release 3.2rc3
[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
4821f459
DW
17.pull-xs-right {
18 .icon {
19 margin-right: 0;
20 margin-left: 0.5rem;
21 }
22}
23
072364df 24// Fix the cog icon for an action menu.
5f18da12
FM
25.action-menu > .dropdown .icon {
26 margin-left: 0;
072364df
DW
27}
28
6321934c
FM
29// Fix the space between the dropdown icon and the caret.
30.action-menu {
31 .dropdown-toggle {
32 .icon {
33 // Use a negative margin on the icon to ensure that the dropdown toggle
34 // is an icon and not just text in which case the margin is needed.
35 margin-right: -$caret-width;
36 }
37 }
072364df 38}
b843914d
FM
39
40// YUI 2 Tree View icons must not have a margin left.
41.ygtvcell .icon {
5142f564 42 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
b843914d 43}
137c289a
FM
44
45// In the navigation, tree icons should not have margins.
46.block_navigation,
47.block_settings {
48 .tree_item .icon {
49 margin-left: 0;
50 }
51}
99061152
DW
52
53[data-action=toggle-drawer] .icon {
947970fc 54 margin: 0;
99061152 55}