summaryrefslogtreecommitdiff
path: root/theme_common/static/src/scss/compatibility-saas-10-2.scss
diff options
context:
space:
mode:
authorRichard Sassine <richardsassine@tutanota.com>2021-05-04 18:00:38 +0300
committerRichard Sassine <richardsassine@tutanota.com>2021-05-04 18:00:38 +0300
commitad97722b1b35aff50d0adf13a19715f7b8373c07 (patch)
treeedf36f1114b896a01602e31dafd74efe45736427 /theme_common/static/src/scss/compatibility-saas-10-2.scss
initial commit
Diffstat (limited to 'theme_common/static/src/scss/compatibility-saas-10-2.scss')
-rw-r--r--theme_common/static/src/scss/compatibility-saas-10-2.scss28
1 files changed, 28 insertions, 0 deletions
diff --git a/theme_common/static/src/scss/compatibility-saas-10-2.scss b/theme_common/static/src/scss/compatibility-saas-10-2.scss
new file mode 100644
index 0000000..41f2709
--- /dev/null
+++ b/theme_common/static/src/scss/compatibility-saas-10-2.scss
@@ -0,0 +1,28 @@
+// This file is for compatibility since saas-10 web_editor refactoring.
+// As a fix to work properly in the editor, some classes have been renamed.
+// To allow a smooth transition, old classes alias are created here.
+
+// Define new theme variables in case the user changes its theme
+$gray-light-light: gray('200');
+$gray-light-dark: gray('600');
+$gray-dark-light: gray('700');
+$gray-dark-dark: gray('900');
+$gray-darkest: gray('900');
+
+body .color-black { color: $black; }
+body .color-white { color: $white; }
+body .color-gray-lighter { color: gray('200'); }
+body .color-gray-light-light { color: $gray-light-light; }
+body .color-gray-light { color: gray('600'); }
+body .color-gray-light-dark { color: $gray-light-dark; }
+body .color-gray { color: gray('700'); }
+body .color-gray-dark-light { color: $gray-dark-light; }
+body .color-gray-dark { color: gray('900'); }
+body .color-gray-dark-dark { color: $gray-dark-dark; }
+body .color-gray-darker { color: gray('900'); }
+body .color-gray-darkest { color: $gray-darkest; }
+body .color-alpha { color: o-color('alpha'); }
+body .color-beta { color: o-color('beta'); }
+body .color-gamma { color: o-color('gamma'); }
+body .color-delta { color: o-color('delta'); }
+body .color-epsilon { color: o-color('epsilon'); }