src/components/L2/Dropdowns/Dropdown.scss · bridge

on 91efb05 help sign in

45 lines 859 B history raw

1@import 'style/shared/variables.scss';

3.dropdown {

4 font-size: 14px;

5 position: relative;

7 .selector {

8 background-color: $washed-gray;

9 padding: 8px;

10 min-width: 84px;

11 border-radius: $medium-border-radius;

12 display: flex;

13 flex-direction: row;

14 justify-content: space-between;

15 align-items: center;

16 cursor: pointer;

18 svg {

19 width: 16px;

20 height: 14px;

21 }

23 &.open > svg {

24 transform: rotate(180deg);

25 }

26 }

28 .content-border {

29 border: 3px solid $washed-gray;

30 position: absolute;

31 top: 36px;

32 left: -3px;

33 border-radius: $medium-border-radius;

34 z-index: 1;

36 .dropdown-content {

37 border-radius: $medium-border-radius;

38 background-color: white;

39 border: 1px solid $light-gray;

40 width: 240px;

41 max-height: 80vh;

42 overflow-y: scroll;

43 }

44 }