Merge branch 'MDL-56908-master' of git://github.com/danpoltawski/moodle
[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
29// Fix the first item in a drop down menu (it's a list of links and icons, but has been made vertical.
132093f0 30.dropdown .dropdown-item .icon {
fde35b8f 31 margin-left: 0;
072364df 32}
b843914d
FM
33
34// YUI 2 Tree View icons must not have a margin left.
35.ygtvcell .icon {
5142f564 36 margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
b843914d 37}
137c289a
FM
38
39// In the navigation, tree icons should not have margins.
40.block_navigation,
41.block_settings {
42 .tree_item .icon {
43 margin-left: 0;
44 }
45}
99061152
DW
46
47[data-action=toggle-drawer] .icon {
947970fc 48 margin: 0;
99061152 49}