|
1 | 1 | @use "lib/viewport"; |
2 | 2 |
|
3 | | -@media screen and (width >= 1300px) { |
| 3 | +@media screen and (min-width: 1300px) { |
4 | 4 | #main-outlet { |
5 | 5 | border-top-right-radius: var(--d-border-radius-large); |
6 | 6 | border-top-left-radius: var(--d-border-radius-large); |
|
47 | 47 | display: none; |
48 | 48 | } |
49 | 49 |
|
50 | | - @media screen and (width <= 488px) { |
| 50 | + @media screen and (max-width: 488px) { |
51 | 51 | display: none; |
52 | 52 | } |
53 | 53 |
|
|
94 | 94 | bottom: var(--main-grid-gap); |
95 | 95 | left: var(--left-distance); |
96 | 96 |
|
97 | | - @media screen and (width <= 768px) { |
| 97 | + @media screen and (max-width: 768px) { |
98 | 98 | bottom: calc(var(--d-border-radius-large) * 2); |
99 | 99 | } |
100 | 100 | } |
|
104 | 104 | bottom: var(--main-grid-gap); |
105 | 105 | left: calc(var(--right-distance) - var(--d-border-radius-large)); |
106 | 106 |
|
107 | | - @media screen and (width <= 768px) { |
| 107 | + @media screen and (max-width: 768px) { |
108 | 108 | bottom: calc(var(--d-border-radius-large) * 2); |
109 | 109 | } |
110 | 110 | } |
|
118 | 118 | left: var(--left-distance); |
119 | 119 | height: var(--main-grid-gap); |
120 | 120 |
|
121 | | - @media screen and (width <= 768px) { |
| 121 | + @media screen and (max-width: 768px) { |
122 | 122 | height: calc(var(--d-border-radius-large) * 2); |
123 | 123 | } |
124 | 124 |
|
|
158 | 158 | } |
159 | 159 | } |
160 | 160 |
|
161 | | -@media screen and (width >= 768px) { |
| 161 | +@media screen and (min-width: 768px) { |
162 | 162 | .with-topic-progress { |
163 | 163 | bottom: calc( |
164 | 164 | env(safe-area-inset-bottom) + var(--composer-height, 0px) + |
|
167 | 167 | } |
168 | 168 | } |
169 | 169 |
|
170 | | -@media screen and (width <= 768px) { |
| 170 | +@media screen and (max-width: 768px) { |
171 | 171 | .with-topic-progress { |
172 | 172 | bottom: calc( |
173 | 173 | env(safe-area-inset-bottom) + var(--composer-height, 0px) + |
|
176 | 176 | } |
177 | 177 | } |
178 | 178 |
|
179 | | -@media screen and (width <= 400px) { |
| 179 | +@media screen and (max-width: 400px) { |
180 | 180 | .with-topic-progress { |
181 | 181 | bottom: calc(env(safe-area-inset-bottom) + var(--composer-height, 0px)); |
182 | 182 | } |
|
0 commit comments