feat: update container gutters

Lemonpeach · Jan 13, 2020 · b516bbb · b516bbb
1 parent 7b9a151
commit b516bbb
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/packages/panda-san/src/layout/container.scss b/packages/panda-san/src/layout/container.scss
@@ -1,5 +1,6 @@
 .container {
   margin: 0 auto;
+  padding: 0 $container-gutters-default;
 
   @each $breakpoint-name, $gutter in $container-gutters {
     @include breakpoint($breakpoint-name) {

diff --git a/packages/panda-san/src/navbar/navbar.scss b/packages/panda-san/src/navbar/navbar.scss
@@ -4,6 +4,7 @@
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
+  padding: $container-gutters-default $container-gutters-default;
   width: 100%;
   z-index: $stack-sticky;
 

diff --git a/packages/panda-san/src/variables/container.scss b/packages/panda-san/src/variables/container.scss
@@ -1,5 +1,6 @@
+$container-gutters-default: 16px;
 $container-gutters: (
-  tablet: 32px,
+  tablet: 24px,
   widescreen: 32px,
   desktop: 32px,
   fullhd: 32px