Merge pull request #269 from shaal/fixhorizontalscroll

Fix PL horizontal scroll
fourkitchens · Jul 7, 2018 · 94d5900 · 94d5900
2 parents e00919c + 6e181dc
commit 94d5900
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/components/_patterns/00-base/global/base/_pl-base.scss b/components/_patterns/00-base/global/base/_pl-base.scss
@@ -1,10 +1,6 @@
 // These styles are specifically for Pattern Lab.
 // They are not used by the site in any way.
 
-.sg-main {
-  @include wrapper;
-}
-
 .pl-template {
   display: flex;
   flex-flow: column nowrap;
@@ -16,7 +12,6 @@
     font-size: 3rem;
     text-transform: uppercase;
     background-color: $gray-darker;
-    margin: 0 calc(-50vw + 50%) $space calc(-50vw + 50%);
 
     a {
       @include wrapper(
@@ -30,6 +25,10 @@
     }
   }
 
+  .sg-pattern > div {
+    @include wrapper;
+  }
+
   .sg-pattern-title {
     color: #738ba3;
     font-size: 1.4rem !important;

diff --git a/components/_patterns/01-atoms/05-forms/textfields/_textfields.scss b/components/_patterns/01-atoms/05-forms/textfields/_textfields.scss
@@ -20,6 +20,7 @@
 .form-item__textfield {
   border: 1px solid $gray-lightest;
   padding: 0.6em;
+  max-width: 100%;
 
   &:focus {
     border-color: $black;