From 8b49fc6651df0f1c1ce7bb220eebd2ec537ef94c Mon Sep 17 00:00:00 2001
From: xaralis <filip.varecha@fragaria.cz>
Date: Sat, 11 Jul 2020 18:11:47 +0200
Subject: [PATCH] Battle content-block style bleed even more
---
.../00-atoms/lists/linked-unordered-list.mustache | 8 ++++----
source/css/atoms/list.pcss | 3 ++-
source/css/molecules/content-block.pcss | 12 +++++++++++-
3 files changed, 17 insertions(+), 6 deletions(-)
diff --git a/source/_patterns/00-atoms/lists/linked-unordered-list.mustache b/source/_patterns/00-atoms/lists/linked-unordered-list.mustache
index 87a215e..a5c34d3 100644
--- a/source/_patterns/00-atoms/lists/linked-unordered-list.mustache
+++ b/source/_patterns/00-atoms/lists/linked-unordered-list.mustache
@@ -1,14 +1,14 @@
<ul class="unordered-list unordered-list--linked {{ classes }}">
<li>
- <a href="#" class="font-bold">{{ cta }}</a>
+ <a href="#" class="font-bold content-block--nostyle">{{ cta }}</a>
</li>
<li>
- <a href="#">{{ cta }}</a>
+ <a href="#" class="content-block--nostyle">{{ cta }}</a>
</li>
<li>
- <a href="#">{{ cta }}</a>
+ <a href="#" class="content-block--nostyle">{{ cta }}</a>
</li>
<li>
- <a href="#">{{ cta }}</a>
+ <a href="#" class="content-block--nostyle">{{ cta }}</a>
</li>
</ul>
diff --git a/source/css/atoms/list.pcss b/source/css/atoms/list.pcss
index a4c182a..f092952 100644
--- a/source/css/atoms/list.pcss
+++ b/source/css/atoms/list.pcss
@@ -46,7 +46,8 @@
@apply row-gap-0;
}
-.unordered-list--linked {
+.unordered-list--linked,
+.content-block .unordered-list--linked {
li {
grid-template-columns: auto 1fr auto;
}
diff --git a/source/css/molecules/content-block.pcss b/source/css/molecules/content-block.pcss
index ee9edf7..a6a0a9d 100644
--- a/source/css/molecules/content-block.pcss
+++ b/source/css/molecules/content-block.pcss
@@ -31,6 +31,16 @@
}
}
+ /* Horizontal rule starts new block */
+ hr + h1,
+ hr + h2,
+ hr + h3,
+ hr + h4,
+ hr + h5,
+ hr + h6 {
+ @apply mt-0;
+ }
+
h1 {
@apply text-3xl;
}
@@ -56,7 +66,7 @@
}
/* Contact lines are quite frequent so these are blacklisted for anchor style specifically. */
- a:not(.contact-line) {
+a:not(.contact-line):not(.content-block--nostyle) {
@apply underline;
}
--
GitLab