Merge pull request #6 from pepsico-ecommerce/AUTO-2386

Auto 2386
pepsico-ecommerce · Jun 15, 2021 · 8436d61 · 8436d61
2 parents 9262c6f + c91feb8
commit 8436d61
Show file tree

Hide file tree

Showing 6 changed files with 74 additions and 7 deletions.
diff --git a/css/all.css b/css/all.css
@@ -3,5 +3,6 @@
 @import "display.css";
 @import "margin.css";
 @import "padding.css";
+@import "position.css";
 @import "size.css";
 @import "typography.css";
diff --git a/css/margin.css b/css/margin.css
@@ -3,12 +3,40 @@
  https://frontstuff.io/in-defense-of-utility-first-css
 */
 
+/* 0 */
+.margin-0 {
+  margin: 0;
+}
+.margin-top-0 {
+  margin-top: 0;
+}
+.margin-bottom-0 {
+  margin-bottom: 0;
+}
+.margin-top-bottom-0 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.margin-left-0 {
+  margin-left: 0;
+}
+.margin-right-0 {
+  margin-right: 0;
+}
+.margin-left-right-0 {
+  margin-left: 0;
+  margin-right: 0;
+}
+
 /* 0.25em */
 .margin-bottom-0_25em {
   margin-bottom: 0.25em;
 }
 
 /* 0.5em */
+.margin-0_5em {
+  margin: 0.5em;
+}
 .margin-top-0_5em {
   margin-top: 0.5em;
 }
@@ -33,6 +61,9 @@
 }
 
 /* 1em */
+.margin-1em {
+  margin: 1em;
+}
 .margin-top-1em {
   margin-top: 1em;
 }
@@ -56,11 +87,29 @@
   margin-right: 1em;
 }
 
-/* 0 */ 
-.margin-bottom-0 {
-  margin-bottom: 0;
+/* 2em */
+.margin-2em {
+  margin: 2em;
 }
-
-.margin-all-0 {
-  margin: 0;
+.margin-top-2em {
+  margin-top: 2em;
+}
+.margin-bottom-2em {
+  margin-bottom: 2em;
+}
+.margin-left-2em {
+  margin-left: 2em;
+}
+.margin-right-2em {
+  margin-right: 2em;
+}
+.margin-top-bottom-2em {
+  /* padding can be written as one style, so this still counts as one. */
+  margin-top: 2em;
+  margin-bottom: 2em;
+}
+.margin-left-right-2em {
+  /* padding can be written as one style, so this still counts as one. */
+  margin-left: 2em;
+  margin-right: 2em;
 }
diff --git a/css/padding.css b/css/padding.css
@@ -28,6 +28,9 @@
 }
 
 /* 1em */
+.padding-1em {
+  padding: 1em;
+}
 .padding-top-1em {
   padding-top: 1em;
 }

diff --git a/css/position.css b/css/position.css
@@ -0,0 +1,10 @@
+
+.position-sticky {
+  position: -webkit-sticky;
+  position: sticky;
+}
+
+
+.top-0 {
+  top: 0;
+}
diff --git a/css/size.css b/css/size.css
@@ -10,6 +10,10 @@
   height: 16px;
 }
 
+.width-100pc {
+  width: 100%;
+}
+
 .width-184px {
   width: 184px;
 }
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "compopo-design",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Core Components for PepsiCo Front End",
   "files": "css/*.css",
   "repository": {