git.iko.soy/bridge
on master help sign in
bridge/src/components/L2/Dropdowns/Dropdown.scss
65 lines 1.2 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 &.accounts-dropdown .selector {
38 border-top-right-radius: 0;
39 border-bottom-right-radius: 0;
40 }
42 .content-border {
43 border: 3px solid $washed-gray;
44 position: absolute;
45 top: 36px;
46 left: -3px;
47 border-radius: $medium-border-radius;
48 z-index: 2;
50 .dropdown-content {
51 border-radius: $medium-border-radius;
52 background-color: white;
53 border: 1px solid $light-gray;
54 width: 240px;
55 max-height: 400px;
56 overflow-y: scroll;
57 -ms-overflow-style: none;
58 scrollbar-width: none;
60 &::-webkit-scrollbar {
61 display: none;
62 }
63 }
64 }