on 368f024 help sign in
59 lines 1.1 kB history raw
1@import 'style/shared/variables.scss';
3.dropdown {
4 font-size: 14px;
5 position: relative;
7 .close-background {
8 position: fixed;
9 top: 0;
10 bottom: 0;
11 right: 0;
12 left: 0;
13 }
15 .selector {
16 background-color: $washed-gray;
17 padding: 8px;
18 min-width: 84px;
19 border-radius: $medium-border-radius;
20 display: flex;
21 flex-direction: row;
22 justify-content: space-between;
23 align-items: center;
24 cursor: pointer;
26 svg {
27 width: 16px;
28 height: 14px;
29 }
31 &.open > svg {
32 transform: rotate(180deg);
33 }
34 }
36 .content-border {
37 border: 3px solid $washed-gray;
38 position: absolute;
39 top: 36px;
40 left: -3px;
41 border-radius: $medium-border-radius;
42 z-index: 1;
44 .dropdown-content {
45 border-radius: $medium-border-radius;
46 background-color: white;
47 border: 1px solid $light-gray;
48 width: 240px;
49 max-height: 200px;
50 overflow-y: scroll;
51 -ms-overflow-style: none;
52 scrollbar-width: none;
54 &::-webkit-scrollbar {
55 display: none;
56 }
57 }
58 }