1 files changed, 30 insertions, 0 deletions
diff --git a/ui/app/css/itcss/tools/utilities.scss b/ui/app/css/itcss/tools/utilities.scss
new file mode 100644
index 000000000..c45cb9f02
--- /dev/null
+++ b/ui/app/css/itcss/tools/utilities.scss
@@ -0,0 +1,30 @@
+/*
+  Utility Classes
+ */
+.full-size {
+  height: 100%;
+  width: 100%;
+}
+
+.full-width {
+  width: 100%;
+}
+
+.full-height {
+  height: 100%;
+}
+
+.full-flex-height {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+}
+
+/*
+  Misc
+ */
+
+// Move into component-level contextual 'active' state later
+.active {
+  color: #909090;
+}