MDL-57114 filemanager: apply btn-sm class to buttons
[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 span:first-of-type > .icon {
15     margin-left: 0.5rem;
16 }
18 // Fix the first icon for an action menu. This rule exists to reverse the
19 // icon margin defined in the a:first-of-type > .icon rule.
20 .action-menu .dropdown a:first-of-type > .icon {
21     margin-left: 0;
22 }
24 .pull-xs-right {
25     // Now we need to override the .action-menu .dropdown a:first-of-type > .icon
26     // rule above for when actions menus are in the pull-xs-right class.
27     .action-menu .dropdown a:first-of-type > .icon {
28         margin-left: 0.5rem;
29     }
31     .icon {
32         margin-right: 0;
33         margin-left: 0.5rem;
34     }
35 }
37 // Fix the space between the dropdown icon and the caret.
38 .action-menu {
39     .dropdown-toggle {
40         .icon {
41             // Use a negative margin on the icon to ensure that the dropdown toggle
42             // is an icon and not just text in which case the margin is needed.
43             margin-right: -$caret-width;
44         }
45     }
46 }
48 // YUI 2 Tree View icons must not have a margin left.
49 .ygtvcell .icon {
50     margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
51 }
53 // In the navigation, tree icons should not have margins.
54 .block_navigation,
55 .block_settings {
56     .tree_item .icon {
57         margin-left: 0;
58     }
59 }
61 [data-action=toggle-drawer] .icon {
62     margin: 0;
63 }
65 // Apply in special cases where the default icons styles does not work properly. Eg file picker buttons.
66 .icon-no-spacing a > .icon {
67     margin: 0;
68 }