From c357e601f693327d83bfd82b2d3529593365b64f Mon Sep 17 00:00:00 2001 From: "fanky.eu" <jakub.webisti@gmail.com> Date: Fri, 14 May 2021 19:45:41 +0200 Subject: [PATCH] underline links in paragraphs (tailwind disables link underlines by default) +demo --- .../01-molecules/22-accordeon/accordeon.mustache | 11 +++++++++++ source/css/atoms/paragraph.pcss | 3 +++ 2 files changed, 14 insertions(+) diff --git a/source/_patterns/01-molecules/22-accordeon/accordeon.mustache b/source/_patterns/01-molecules/22-accordeon/accordeon.mustache index 16227da..971059b 100644 --- a/source/_patterns/01-molecules/22-accordeon/accordeon.mustache +++ b/source/_patterns/01-molecules/22-accordeon/accordeon.mustache @@ -1,5 +1,16 @@ <div class="space-y-1 {{ classes }}"> {{> atoms-accordeon-row }} + <div class="accordeon-row"> + <div class="accordeon-row-head" onclick="if(this.parentElement.classList.contains('accordeon-row--open')) this.parentElement.classList.remove('accordeon-row--open'); else this.parentElement.classList.add('accordeon-row--open');"> + <h3 class="accordeon-row-heading head-alt-xs">{{ headline.short }}</h3> + <i class="ico--chevron-down"></i> + </div> + <div class="accordeon-row-body"> + <div> + <p>Some <b>rich text</b> description. {{ description }} Some <a href="#">rich text</a> description. </p> + </div> + </div> + </div> {{> atoms-accordeon-row }} </div> diff --git a/source/css/atoms/paragraph.pcss b/source/css/atoms/paragraph.pcss index acfc02e..558f795 100644 --- a/source/css/atoms/paragraph.pcss +++ b/source/css/atoms/paragraph.pcss @@ -2,6 +2,9 @@ .content-block p { @apply font-body font-normal leading-normal; } +p a{ + @apply underline; +} /*sources*/ .content-block a:not(.contact-line):not(.content-block--nostyle)[id^=reference], .content-block a:not(.contact-line):not(.content-block--nostyle) sup, -- GitLab