Merge pull request #12 from Lullabot/11--regression-in-media-queries-…

…using-logical-properties reverting media queries
Lullabot · Nov 27, 2024 · 60ee0fd · 60ee0fd
2 parents 6328654 + 529025c
commit 60ee0fd
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 10 deletions.
diff --git a/dist/styles.css b/dist/styles.css
diff --git a/dist/styles.css.map b/dist/styles.css.map
diff --git a/dist/theme.css b/dist/theme.css
diff --git a/dist/theme.css.map b/dist/theme.css.map
diff --git a/src/styles/tabled_core.scss b/src/styles/tabled_core.scss
@@ -219,27 +219,27 @@ table.tabled__table {
     display: flex;
     flex-flow: column wrap;
 
-    @media (min-inline-size: $breakpoint-large) {
+    @media (min-width: $breakpoint-large) {
       display: table-cell;
     }
 
     &:before {
       display: block;
       content: attr(data-label);
-      @media (min-inline-size: $breakpoint-large) {
+      @media (min-width: $breakpoint-large) {
         display: none;
       }
     }
   }
 
   tr {
-    @media (min-inline-size: $breakpoint-large) {
+    @media (min-width: $breakpoint-large) {
       display: table-row;
     }
   }
 
   thead th {
-    @media (max-inline-size: $breakpoint-large) {
+    @media (max-width: $breakpoint-large) {
       @include visually-hidden;
       padding: 0;
     }

diff --git a/src/styles/tabled_theme.scss b/src/styles/tabled_theme.scss
@@ -56,7 +56,7 @@ table {
     border-block-end: 8px solid var(--tabled-color-700);
     padding: var(--tabled-v-space-4xs) 0 0;
 
-    @media (min-inline-size: 1024px) {
+    @media (min-width: 1024px) {
       padding: var(--tabled-v-space-3xs) var(--tabled-v-space-2xs);
     }
 
@@ -115,7 +115,7 @@ table.tabled--stacked {
   }
 
 
-  @media (max-inline-size: 1024px) {
+  @media (max-width: 1024px) {
     tr {
       border-inline-start: 0;
       border-inline-end: 0;