1 files changed, 51 insertions, 0 deletions
diff --git a/sdc-workflow-designer-ui/src/main/frontend/resources/scss/common/_customVariables.scss b/sdc-workflow-designer-ui/src/main/frontend/resources/scss/common/_customVariables.scss
new file mode 100644
index 00000000..5e5bef84
--- /dev/null
+++ b/sdc-workflow-designer-ui/src/main/frontend/resources/scss/common/_customVariables.scss
@@ -0,0 +1,51 @@
+$cursor-disabled: not-allowed !default;
+$cursor-pointer: pointer;
+
+$camunda-panel-error-border-color: #cc3333;
+$camunda-panel-error-background-color: #f0c2c2;
+
+@mixin body-1-emphasis() {
+    @include base-font-semibold;
+    font-size: $body-font-1;
+}
+
+@mixin heading-1-emphasis() {
+    @include base-font-semibold;
+    font-size: $heading-font-1;
+}
+
+.flex {
+    display: flex;
+    flex: 1;
+}
+
+.flex-column {
+    @extend .flex;
+    flex-direction: column;
+}
+
+.text-uppercase {
+    text-transform: uppercase;
+}
+
+.content-area {
+    padding: 30px 60px 70px 60px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    height: 100%;
+    &.no-padding-content-area {
+        padding: 0;
+    }
+}
+
+.page-title {
+    @include heading-1;
+    @extend .text-uppercase !optional;
+    margin-bottom: 20px;
+    color: $blue;
+}
+
+.disabled {
+    opacity: 0.7 !important;
+    cursor: $cursor-disabled;
+}