From f08bcbd9e48c0fdb51c4f5209f11cca2d796506e Mon Sep 17 00:00:00 2001
From: xaralis <filip.varecha@fragaria.cz>
Date: Fri, 6 May 2022 08:44:45 +0200
Subject: [PATCH] feat: add .text-shadow-* utility class
---
.../00-atoms/01-text/text-shadow.mustache | 7 +++++++
source/css/atoms/text-shadow.pcss | 17 +++++++++++++++++
source/css/style.pcss | 1 +
3 files changed, 25 insertions(+)
create mode 100644 source/_patterns/00-atoms/01-text/text-shadow.mustache
create mode 100644 source/css/atoms/text-shadow.pcss
diff --git a/source/_patterns/00-atoms/01-text/text-shadow.mustache b/source/_patterns/00-atoms/01-text/text-shadow.mustache
new file mode 100644
index 0000000..9996cb3
--- /dev/null
+++ b/source/_patterns/00-atoms/01-text/text-shadow.mustache
@@ -0,0 +1,7 @@
+<div>
+ <h1 class="head-alt-xl text-shadow-xs">{{ headline.short }}</h1>
+ <h1 class="head-alt-xl text-shadow-sm">{{ headline.short }}</h1>
+ <h1 class="head-alt-xl text-shadow">{{ headline.short }}</h1>
+ <h1 class="head-alt-xl text-shadow-md">{{ headline.short }}</h1>
+ <h1 class="head-alt-xl text-shadow-lg">{{ headline.short }}</h1>
+</div>
diff --git a/source/css/atoms/text-shadow.pcss b/source/css/atoms/text-shadow.pcss
new file mode 100644
index 0000000..a585528
--- /dev/null
+++ b/source/css/atoms/text-shadow.pcss
@@ -0,0 +1,17 @@
+@responsive {
+ .text-shadow-xs {
+ text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
+ }
+ .text-shadow-sm {
+ text-shadow: 1px 1px .25rem rgba(0, 0, 0, 0.3)
+ }
+ .text-shadow {
+ text-shadow: 1px 1px .25rem rgba(0, 0, 0, 0.3);
+ }
+ .text-shadow-md {
+ text-shadow: 1px 1px .5rem rgba(0, 0, 0, 0.5);
+ }
+ .text-shadow-lg {
+ text-shadow: 1px 1px .5rem rgba(0, 0, 0, 0.8);
+ }
+}
diff --git a/source/css/style.pcss b/source/css/style.pcss
index 9b5561d..bac8477 100644
--- a/source/css/style.pcss
+++ b/source/css/style.pcss
@@ -36,6 +36,7 @@
@import "./atoms/social-icon.pcss";
@import "./atoms/super-button.pcss";
@import "./atoms/table.pcss";
+@import "./atoms/text-shadow.pcss";
@import "./atoms/tooltip.pcss";
@import "./molecules/article-card.pcss";
--
GitLab