89464189860d52af3ef61d1e601c13869e21453c
[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: 24px;
19     transition: width 0.5s ease, left 0.5s ease;
20     padding-top: 0;
21     padding-bottom: 0;
22 }
24 .search-input-wrapper > div {
25     float: left;
26     margin: 0;
28     .icon {
29         margin-right: 0;
30         margin-top: 10px;
31     }
32 }
34 .search-input-wrapper > form {
35     opacity: 0;
36     margin-left: 25px;
37     transition: opacity 0.5s ease-in-out;
38 }
40 .search-input-wrapper > form > input {
41     margin: 0;
42 }
44 .search-input-wrapper form.expanded {
45     opacity: 1;
46 }
48 .search-input-wrapper.expanded {
49     width: 162px;
50 }
52 @include media-breakpoint-down(xs) {
53     .search-input-wrapper {
54         > div {
55             margin: 0;
56         }
58         > form {
59             display: none;
60         }
61         margin: 0 $spacer 0 0;
62     }
63 }
65 .search-areas-actions {
66     margin-bottom: $spacer;
67 }
69 .search-areas-actions > div {
70     margin-right: $spacer;
71     display: inline-block;
72 }
74 #core-search-areas .lastcol li {
75     margin-left: 24px;
76     text-indent: -24px;
77 }
78 #core-search-areas .lastcol li > i {
79     text-indent: 0;
80 }