MDL-59632 search: Style search box for boost
[moodle.git] / theme / boost / scss / moodle / search.scss
CommitLineData
536f0460
DW
1.search-results .result {
2 margin-left: 0;
3 margin-right: 0;
4}
5
6.search-results .result .result-content {
7 margin: 7px 0;
8}
9
10.search-results .result .filename {
11 font-style: italic;
12}
13
14.search-input-wrapper {
5f18da12 15 margin: 0 $spacer 0 0;
536f0460
DW
16 overflow: hidden;
17 float: right;
536f0460
DW
18 width: 16px;
19 transition: width 0.5s ease, left 0.5s ease;
20}
21
22.search-input-wrapper > div {
23 float: left;
5f18da12 24 margin: 0;
f4143537 25
5f18da12
FM
26 .icon {
27 margin-right: 0;
28 }
536f0460
DW
29}
30
31.search-input-wrapper > form {
32 opacity: 0;
5f18da12 33 margin-left: 25px;
536f0460
DW
34 transition: opacity 0.5s ease-in-out;
35}
36
37.search-input-wrapper > form > input {
38 margin: 0;
ad382c6a 39 height: 23px;
536f0460
DW
40}
41
42.search-input-wrapper form.expanded {
43 opacity: 1;
44}
45
46.search-input-wrapper.expanded {
5f18da12 47 width: 162px;
536f0460
DW
48}
49
5f18da12
FM
50@include media-breakpoint-down(xs) {
51 .search-input-wrapper {
52 > div {
53 margin: 0;
54 }
f4143537 55
5f18da12
FM
56 > form {
57 display: none;
58 }
59 margin: 0 $spacer 0 0;
60 }
536f0460 61}
2c773bb3
FM
62
63.search-areas-actions {
64 margin-bottom: $spacer;
65}
66
67.search-areas-actions > div {
68 margin-right: $spacer;
69 display: inline-block;
70}