MDL-55802 theme_noname: Navbar is responsive and better styled
[moodle.git] / theme / noname / 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;
18 height: 100%;
19 width: 16px;
20 transition: width 0.5s ease, left 0.5s ease;
5f18da12
FM
21 padding-top: $navbar-brand-padding-y;
22 padding-bottom: $navbar-brand-padding-y;
536f0460
DW
23}
24
25.search-input-wrapper > div {
26 float: left;
5f18da12
FM
27 margin: 0;
28 .icon {
29 margin-right: 0;
30 }
536f0460
DW
31}
32
33.search-input-wrapper > form {
34 opacity: 0;
5f18da12 35 margin-left: 25px;
536f0460
DW
36 transition: opacity 0.5s ease-in-out;
37}
38
39.search-input-wrapper > form > input {
40 margin: 0;
41}
42
43.search-input-wrapper form.expanded {
44 opacity: 1;
45}
46
47.search-input-wrapper.expanded {
5f18da12 48 width: 162px;
536f0460
DW
49}
50
5f18da12
FM
51@include media-breakpoint-down(xs) {
52 .search-input-wrapper {
53 > div {
54 margin: 0;
55 }
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}