on afdb680 help sign in
60 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 z-index: 1;
9 position: fixed;
10 top: 0;
11 bottom: 0;
12 right: 0;
13 left: 0;
14 }
16 .selector {
17 background-color: $washed-gray;
18 padding: 8px;
19 min-width: 84px;
20 border-radius: $medium-border-radius;
21 display: flex;
22 flex-direction: row;
23 justify-content: space-between;
24 align-items: center;
25 cursor: pointer;
27 svg {
28 width: 16px;
29 height: 14px;
30 }
32 &.open > svg {
33 transform: rotate(180deg);
34 }
35 }
37 .content-border {
38 border: 3px solid $washed-gray;
39 position: absolute;
40 top: 36px;
41 left: -3px;
42 border-radius: $medium-border-radius;
43 z-index: 2;
45 .dropdown-content {
46 border-radius: $medium-border-radius;
47 background-color: white;
48 border: 1px solid $light-gray;
49 width: 240px;
50 max-height: 400px;
51 overflow-y: scroll;
52 -ms-overflow-style: none;
53 scrollbar-width: none;
55 &::-webkit-scrollbar {
56 display: none;
57 }
58 }
59 }