on-demand release 3.2dev+
[moodle.git] / theme / boost / scss / moodle / blocks.scss
CommitLineData
d7fbf722 1.blockmovetarget .accesshide {
536f0460 2 position: relative;
d7fbf722 3 left: initial;
536f0460 4}
270dd871
FM
5
6.block_search_forums .searchform {
7 /* Override plugin's default. */
8 text-align: left;
9}
400274bc
DW
10
11.block.block_navigation .block_tree ul,
12.block_settings .block_tree ul {
13 margin-left: 0;
14}
1149c235
FM
15
16.block .block-controls {
17 .dropdown-toggle {
18 /* So that the caret takes the colour of the icon. */
19 color: #999;
f4143537 20
1149c235 21 &::after {
132093f0 22 margin-left: 0;
1149c235
FM
23 }
24 }
25}
99061152 26
0a58ec24 27$blocks-column-width: 250px !default;
99061152 28
0a58ec24
DW
29[data-region="blocks-column"] {
30 width: $blocks-column-width;
31 float: right;
99061152
DW
32}
33
0a58ec24
DW
34$blocks-plus-gutter: $blocks-column-width + $grid-gutter-width;
35
11774d90
DW
36/* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
37#region-main-settings-menu {
38 position: relative;
39 float: left;
40 width: 100%;
41}
42#region-main-settings-menu > div {
43 position: absolute;
44 right: 0;
45 z-index: 100;
46 margin: 1rem;
47}
48#region-main-settings-menu.has-blocks,
0a58ec24
DW
49#region-main.has-blocks {
50 display: inline-block;
51 width: calc(100% - #{$blocks-plus-gutter});
52 @include media-breakpoint-down(md) {
53 width: 100%;
99061152
DW
54 }
55}