From a5d6d0df8a6ae29ddf1912da6271053de065e5d6 Mon Sep 17 00:00:00 2001 From: Rick Eyre Date: Tue, 12 Nov 2019 10:17:53 -0500 Subject: [PATCH] fix: correct breakpoints & container --- packages/panda-san/src/layout/container.scss | 1 - packages/panda-san/src/variables/breakpoints.scss | 12 ++++++------ packages/panda-san/src/variables/container.scss | 6 +++--- 3 files changed, 9 insertions(+), 10 deletions(-) diff --git a/packages/panda-san/src/layout/container.scss b/packages/panda-san/src/layout/container.scss index 609996c..a84b8d9 100644 --- a/packages/panda-san/src/layout/container.scss +++ b/packages/panda-san/src/layout/container.scss @@ -1,6 +1,5 @@ .container { margin: 0 auto; - max-width: 1344px; @each $breakpoint-name, $gutter in $container-gutters { @include breakpoint($breakpoint-name) { diff --git a/packages/panda-san/src/variables/breakpoints.scss b/packages/panda-san/src/variables/breakpoints.scss index 92139bb..82e124c 100644 --- a/packages/panda-san/src/variables/breakpoints.scss +++ b/packages/panda-san/src/variables/breakpoints.scss @@ -1,11 +1,11 @@ -$mobile: 768px; -$tablet: 1023px; -$desktop: 1215px; -$widescreen: 1407px; +$tablet: 769px; +$desktop: 1024px; +$widescreen: 1216px; +$fullhd: 1408px; $breakpoints: ( - mobile: $mobile, tablet: $tablet, desktop: $desktop, - widescreen: $widescreen + widescreen: $widescreen, + fullhd: $fullhd ); diff --git a/packages/panda-san/src/variables/container.scss b/packages/panda-san/src/variables/container.scss index c1889a0..ed57207 100644 --- a/packages/panda-san/src/variables/container.scss +++ b/packages/panda-san/src/variables/container.scss @@ -1,6 +1,6 @@ $container-gutters: ( - mobile: 0, - tablet: 0, + tablet: 32px, + widescreen: 32px, desktop: 32px, - widescreen: 32px + fullhd: 32px );