summaryrefslogtreecommitdiffstats
path: root/apps/web-shared/src/styles/custom-style/_shared-styles.scss
diff options
context:
space:
mode:
Diffstat (limited to 'apps/web-shared/src/styles/custom-style/_shared-styles.scss')
-rw-r--r--apps/web-shared/src/styles/custom-style/_shared-styles.scss59
1 files changed, 59 insertions, 0 deletions
diff --git a/apps/web-shared/src/styles/custom-style/_shared-styles.scss b/apps/web-shared/src/styles/custom-style/_shared-styles.scss
new file mode 100644
index 0000000..e9a32b8
--- /dev/null
+++ b/apps/web-shared/src/styles/custom-style/_shared-styles.scss
@@ -0,0 +1,59 @@
+@use '../base' as *;
+
+:root {
+ --radius: 0.25em; // border radius base size
+ --radius-sm: calc(var(--radius) / 2);
+ --radius-md: var(--radius);
+ --radius-lg: calc(var(--radius) * 2);
+ --shadow-xs: 0;
+ --shadow-sm: 0;
+ --shadow-md: 0;
+ --shadow-lg: 0;
+ --shadow-xl: 0;
+}
+
+// --------------------------------
+
+// (START) Global editor code https://codyhouse.co/ds/globals/shared-styles
+
+// --------------------------------
+
+.hover\:reduce-opacity {
+ opacity: 1;
+
+ &:hover {
+ opacity: 0.8;
+ }
+}
+
+.hover\:scale {
+
+ &:hover {
+ transform: scale(1.1);
+ }
+}
+
+.hover\:elevate {
+ box-shadow: var(--shadow-sm);
+
+ &:hover {
+ box-shadow: var(--shadow-md);
+ }
+}
+
+// text styles
+.link-subtle {
+ color: inherit;
+ cursor: pointer;
+ text-decoration: none;
+
+ &:hover {
+ color: var(--color-primary);
+ }
+}
+
+// --------------------------------
+
+// (END) Global editor code
+
+// --------------------------------