a125f5d92e0bb3af4d962db7aefe4727b77182f8
[moodle.git] / theme / boost / 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     width: 16px;
19     transition: width 0.5s ease, left 0.5s ease;
20 }
22 .search-input-wrapper > div {
23     float: left;
24     margin: 0;
26     .icon {
27         margin-right: 0;
28     }
29 }
31 .search-input-wrapper > form {
32     opacity: 0;
33     margin-left: 25px;
34     transition: opacity 0.5s ease-in-out;
35 }
37 .search-input-wrapper > form > input {
38     margin: 0;
39 }
41 .search-input-wrapper form.expanded {
42     opacity: 1;
43 }
45 .search-input-wrapper.expanded {
46     width: 162px;
47 }
49 @include media-breakpoint-down(xs) {
50     .search-input-wrapper {
51         > div {
52             margin: 0;
53         }
55         > form {
56             display: none;
57         }
58         margin: 0 $spacer 0 0;
59     }
60 }
62 .search-areas-actions {
63     margin-bottom: $spacer;
64 }
66 .search-areas-actions > div {
67     margin-right: $spacer;
68     display: inline-block;
69 }