this repo has no description
First attempt of CSS container query
+13
-1
+13
-1
src/app.css
+13
-1
src/app.css
···
747
747
transparent 150%
748
748
);
749
749
position: relative;
750
+
container-type: inline-size;
750
751
}
751
752
.status-carousel:after {
752
753
content: '';
···
806
807
.status-carousel > ul > li:is(:empty, :has(> a:empty)) {
807
808
display: none;
808
809
}
809
-
@media (hover: hover) or (pointer: fine) or (min-width: 40em) {
810
+
/*
811
+
Assume that browsers that do support inline-size property also support container queries.
812
+
https://www.smashingmagazine.com/2021/05/css-container-queries-use-cases-migration-strategies/#progressive-enhancement-polyfills
813
+
*/
814
+
@supports not (contain: inline-size) {
815
+
@media (hover: hover) or (pointer: fine) or (min-width: 40em) {
816
+
.status-carousel > ul {
817
+
scroll-snap-type: none;
818
+
}
819
+
}
820
+
}
821
+
@container (min-width: 640px) {
810
822
.status-carousel > ul {
811
823
scroll-snap-type: none;
812
824
}