diff --git a/source/_patterns/01-molecules/22-accordeon/accordeon.mustache b/source/_patterns/01-molecules/22-accordeon/accordeon.mustache index 16227da52500e617322b81b22cfeb8ac313b4eff..971059bb180a3696d38167a3384cec8eebfb6207 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 acfc02e49b50e639e68075a61c2ed37f0d1e21d6..558f7958515d1d988b4821e4322798788df3818a 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,