Merge pull request #67 from WealthBar/fix.valet-tech-debt

[fix] toast notice
WealthBar · Nov 13, 2020 · b839d4e · b839d4e
2 parents 46f9402 + f2272f6
commit b839d4e
Show file tree

Hide file tree

Showing 9 changed files with 23 additions and 10 deletions.
diff --git a/css/assante-base.css b/css/assante-base.css
diff --git a/css/assante-patterns.css b/css/assante-patterns.css
diff --git a/css/ppi-base.css b/css/ppi-base.css
diff --git a/css/ppi-patterns.css b/css/ppi-patterns.css
diff --git a/css/wealthbar-base.css b/css/wealthbar-base.css
diff --git a/css/wealthbar-patterns.css b/css/wealthbar-patterns.css
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@wealthbar/peak-style",
-  "version": "2.5.3",
+  "version": "2.5.4",
   "description": "Base and Pattern styles for Peak Design System",
   "main": "scss/index.scss",
   "scripts": {

diff --git a/scss/patterns/layouts.scss b/scss/patterns/layouts.scss
@@ -36,12 +36,12 @@
     border: none;
     border-radius: 0;
     width: 100%;
-    
+
     @media #{$screen-max-small} { box-shadow: none; }
     @media #{$screen-width-medium} {
       border: 1px solid $neutral-100;
       border-radius: 0.25rem;
-      max-width: 36rem; 
+      max-width: 36rem;
       margin: 1.5rem auto;
     }
   }
@@ -83,6 +83,20 @@
   > article, > header, > footer {
     margin: 1rem 1.5rem;
   }
+
+  // for use with toast notifications (account for close icon [x] button)
+  &.toast {
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    justify-content: space-between;
+    p:last-child { margin-bottom: 0; }
+    button.icon {
+      flex: 0 1;
+      margin: 1rem 1.5rem 0 0;
+      padding: 0;
+    }
+  }
 }
 
 // Icon Block Pattern

diff --git a/scss/patterns/tabs.scss b/scss/patterns/tabs.scss
@@ -1,4 +1,3 @@
-.tabs,
 [role="tablist"],
 .tablist {
   display: flex;