diff --git a/source/_patterns/00-atoms/lists/linked-unordered-list.mustache b/source/_patterns/00-atoms/lists/linked-unordered-list.mustache index 87a215e8328afe91276b923b8d30cbb93285205a..a5c34d372069c24209b8e91d996dcff682bc1736 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 a4c182a6a9280eee35427e9fde3cba86cef42487..f092952a9c015440db15bdb33295cc8c5e193c9d 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 ee9edf76d65bb254f711801f722f8c01551275d5..a6a0a9db1947c0f5eff9d27c752effc515d42acf 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; }