diff --git a/core/src/css/display.scss b/core/src/css/display.scss
index e91a5eac6b..aba578958e 100644
--- a/core/src/css/display.scss
+++ b/core/src/css/display.scss
@@ -37,3 +37,23 @@
     }
   }
 }
+
+// Size
+// --------------------------------------------------
+.ion-full-height {
+  height: 100% !important;
+}
+
+.ion-full-width {
+  width: 100% !important;
+}
+
+// Position
+// --------------------------------------------------
+.ion-position-absolute {
+  position: absolute !important;
+}
+
+.ion-position-relative {
+  position: relative !important;
+}
diff --git a/core/src/css/flex-utils.scss b/core/src/css/flex-utils.scss
index 051ef2f1a1..0a5434a631 100644
--- a/core/src/css/flex-utils.scss
+++ b/core/src/css/flex-utils.scss
@@ -94,3 +94,27 @@
 .ion-align-items-baseline {
   align-items: baseline !important;
 }
+
+// Flex Direction
+// --------------------------------------------------
+.ion-flex-direction-column {
+  flex-direction: column !important;
+}
+
+.ion-flex-direction-column-reverse {
+  flex-direction: column-reverse !important;
+}
+
+.ion-flex-direction-row {
+  flex-direction: row !important;
+}
+
+.ion-flex-direction-row-reverse {
+  flex-direction: row-reverse !important;
+}
+
+// Flex Container
+// --------------------------------------------------
+.ion-flex-1 {
+  flex: 1 !important;
+}