MDL-55802 theme_noname: Navbar is responsive and better styled
[moodle.git] / theme / noname / scss / moodle / search.scss
1 .search-results .result {
2     margin-left: 0;
3     margin-right: 0;
4 }
6 .search-results .result .result-content {
7     margin: 7px 0;
8 }
10 .search-results .result .filename {
11     font-style: italic;
12 }
14 .search-input-wrapper {
15     margin: 0 $spacer 0 0;
16     overflow: hidden;
17     float: right;
18     height: 100%;
19     width: 16px;
20     transition: width 0.5s ease, left 0.5s ease;
21     padding-top: $navbar-brand-padding-y;
22     padding-bottom: $navbar-brand-padding-y;
23 }
25 .search-input-wrapper > div {
26     float: left;
27     margin: 0;
28     .icon {
29         margin-right: 0;
30     }
31 }
33 .search-input-wrapper > form {
34     opacity: 0;
35     margin-left: 25px;
36     transition: opacity 0.5s ease-in-out;
37 }
39 .search-input-wrapper > form > input {
40     margin: 0;
41 }
43 .search-input-wrapper form.expanded {
44     opacity: 1;
45 }
47 .search-input-wrapper.expanded {
48     width: 162px;
49 }
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     }
61 }
63 .search-areas-actions {
64     margin-bottom: $spacer;
65 }
67 .search-areas-actions > div {
68     margin-right: $spacer;
69     display: inline-block;
70 }