|
1 | 1 | .travel-container { |
2 | | - // background: linear-gradient( |
3 | | - // 90deg, |
4 | | - // rgba(41, 41, 41, 1) 0%, |
5 | | - // rgba(51, 51, 51, 1) 50%, |
6 | | - // rgba(41, 41, 41, 1) 100% |
7 | | - // ); |
8 | | - // border-color: $border-color; |
9 | | - // display: flex; |
10 | | - // flex-direction: row; |
11 | | - // align-items: center; |
12 | | - // justify-content: space-around; |
| 2 | + // background: linear-gradient( |
| 3 | + // 90deg, |
| 4 | + // rgba(41, 41, 41, 1) 0%, |
| 5 | + // rgba(51, 51, 51, 1) 50%, |
| 6 | + // rgba(41, 41, 41, 1) 100% |
| 7 | + // ); |
| 8 | + // border-color: $border-color; |
| 9 | + // display: flex; |
| 10 | + // flex-direction: row; |
| 11 | + // align-items: center; |
| 12 | + // justify-content: space-around; |
13 | 13 |
|
14 | | - display: flex; |
15 | | - flex-direction: row; |
16 | | - align-items: center; |
17 | | - justify-content: space-around; |
18 | | - border: none; |
19 | | - margin-top: 18px; |
| 14 | + display: flex; |
| 15 | + flex-direction: row; |
| 16 | + align-items: center; |
| 17 | + justify-content: space-around; |
| 18 | + border: none; |
20 | 19 | } |
21 | 20 |
|
22 | | -.visx-group{ |
23 | | - margin-top: 10px; |
| 21 | +.visx-group { |
| 22 | + margin-top: 10px; |
24 | 23 | } |
25 | 24 |
|
26 | | - |
27 | 25 | .react-select-container { |
28 | | - font-size: 16px; |
29 | | - min-width: 90px; |
30 | | - margin: 8px; |
31 | | - .react-select__control { |
32 | | - background-color: $light-grey-four; |
33 | | - border-color: transparent; |
34 | | - @extend %disable-highlight; |
35 | | - } |
36 | | - .react-select__control:hover { |
37 | | - cursor: pointer; |
38 | | - } |
39 | | - .react-select__menu { |
40 | | - background-color: $light-grey-four; |
41 | | - @extend %disable-highlight; |
42 | | - } |
43 | | - .react-select__single-value { |
44 | | - color: white; |
45 | | - } |
46 | | - .react-select__option:hover { |
47 | | - background-color: $fiery-rose; |
48 | | - cursor: pointer; |
49 | | - } |
50 | | - .react-select__option--is-selected, |
51 | | - .react-select__option--is-focused { |
52 | | - background-color: transparent; |
53 | | - cursor: pointer; |
54 | | - |
55 | | - } |
| 26 | + font-size: 16px; |
| 27 | + min-width: 90px; |
| 28 | + margin: 8px; |
| 29 | + .react-select__control { |
| 30 | + background-color: $light-grey-four; |
| 31 | + border-color: transparent; |
| 32 | + @extend %disable-highlight; |
| 33 | + } |
| 34 | + .react-select__control:hover { |
| 35 | + cursor: pointer; |
| 36 | + } |
| 37 | + .react-select__menu { |
| 38 | + background-color: $light-grey-four; |
| 39 | + @extend %disable-highlight; |
| 40 | + } |
| 41 | + .react-select__single-value { |
| 42 | + color: white; |
| 43 | + } |
| 44 | + .react-select__option:hover { |
| 45 | + background-color: $fiery-rose; |
| 46 | + cursor: pointer; |
| 47 | + } |
| 48 | + .react-select__option--is-selected, |
| 49 | + .react-select__option--is-focused { |
| 50 | + background-color: transparent; |
| 51 | + cursor: pointer; |
| 52 | + } |
56 | 53 |
|
57 | | - // removes the cursor from blinking |
58 | | - .css-w8afj7-Input { |
59 | | - color: transparent; |
60 | | - } |
| 54 | + // removes the cursor from blinking |
| 55 | + .css-w8afj7-Input { |
| 56 | + color: transparent; |
| 57 | + } |
61 | 58 | } |
0 commit comments