feat(design-system): add 2xs and 3xs container query breakpoints to t…

…heme
SiaFoundation · Feb 6, 2025 · 62bf34d · 62bf34d
1 parent ef647e5
commit 62bf34d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/.changeset/shiny-crabs-heal.md b/.changeset/shiny-crabs-heal.md
@@ -0,0 +1,5 @@
+---
+'@siafoundation/design-system': minor
+---
+
+Extended theme to support 2xs and 3xs container query breakpoints.
diff --git a/libs/design-system/src/style/theme.js b/libs/design-system/src/style/theme.js
@@ -17,6 +17,10 @@ module.exports = {
         3: '3px',
       },
       colors,
+      containers: {
+        '2xs': '18rem',
+        '3xs': '16rem',
+      },
       boxShadow: {
         border: 'inset 0 0 0 1px rgba(0, 0, 0, 0.3)',
         'border-2': 'inset 0 0 0 2px rgba(0, 0, 0, 0.3)',