Leire Aguirre
commited on
Commit
·
39692cc
1
Parent(s):
de593b3
include browser css supports
Browse files- src/style.css +8 -4
src/style.css
CHANGED
|
@@ -268,7 +268,9 @@ d-contents nav > ul > li > a:hover {
|
|
| 268 |
column-gap: 10px;
|
| 269 |
margin-bottom: 20px;
|
| 270 |
max-width: 100%;
|
| 271 |
-
container-type: inline-size
|
|
|
|
|
|
|
| 272 |
}
|
| 273 |
|
| 274 |
#controls .cell {
|
|
@@ -285,9 +287,11 @@ d-contents nav > ul > li > a:hover {
|
|
| 285 |
display: flex;
|
| 286 |
align-items: center;
|
| 287 |
}
|
| 288 |
-
@
|
| 289 |
-
|
| 290 |
-
|
|
|
|
|
|
|
| 291 |
}
|
| 292 |
}
|
| 293 |
|
|
|
|
| 268 |
column-gap: 10px;
|
| 269 |
margin-bottom: 20px;
|
| 270 |
max-width: 100%;
|
| 271 |
+
@supports (container-type: inline-size) {
|
| 272 |
+
container-type: inline-size;
|
| 273 |
+
}
|
| 274 |
}
|
| 275 |
|
| 276 |
#controls .cell {
|
|
|
|
| 287 |
display: flex;
|
| 288 |
align-items: center;
|
| 289 |
}
|
| 290 |
+
@supports (container-type: inline-size) {
|
| 291 |
+
@container (max-width: 600px) {
|
| 292 |
+
#controls .column-2 {
|
| 293 |
+
order: 2;
|
| 294 |
+
}
|
| 295 |
}
|
| 296 |
}
|
| 297 |
|