diff --git a/assets/sass/anchorlink.scss b/assets/sass/anchorlink.scss index 01ae03aa..4e5f9f57 100644 --- a/assets/sass/anchorlink.scss +++ b/assets/sass/anchorlink.scss @@ -1,5 +1,6 @@ .a-anchorlink { display: flex; + flex-wrap: wrap; } .a-anchorlink__link { diff --git a/assets/sass/content.scss b/assets/sass/content.scss index 395b9e2a..78ee6cea 100644 --- a/assets/sass/content.scss +++ b/assets/sass/content.scss @@ -25,4 +25,34 @@ th, td { .footnote-backref { padding: 1rem; +} + +p { + margin-bottom: 3.2rem; + text-align: justify; +} + +.footnotes { + + p { + text-align: left; + } + + hr { + display: none; + } +} + +p:has( + ul), +p:has( + ol) { + margin-bottom: 1rem; +} + +p:has( + span) { + margin-bottom: 0; +} + +article p:last-child, +section p:last-child { + margin-bottom: 0; } \ No newline at end of file diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 46346947..0922b793 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -12,7 +12,6 @@ $icon-remove: '{{(resources.Get "svg/default/remove.svg" | fingerprint "md5").Re @import "footer.scss"; @import "content.scss"; @import "textHighlight.scss"; -@import "toc.scss"; @import "headings.scss"; @import "form.scss"; @import "expander.scss"; diff --git a/assets/sass/sidemenu.scss b/assets/sass/sidemenu.scss index 3587a5d2..9c9dfc40 100644 --- a/assets/sass/sidemenu.scss +++ b/assets/sass/sidemenu.scss @@ -41,4 +41,38 @@ display: flex; align-items: center; gap: .5rem; +} + +.toc li { + list-style-type: none; +} + +.toc ol { + padding: 0 0 0 1em; +} + +.toc > ol { + padding-left: 0; +} + +.toc-title { + font-weight: bold; +} + +.toc-link { + display: flex; +} + +.toc a[data-current] { + font-weight: bold; + + &:before { + content: ''; + width: .4rem; + height: 2.1rem; + position: absolute; + display: flex; + left: 0; + background-color: var(--link-default); + } } \ No newline at end of file diff --git a/assets/sass/stage.scss b/assets/sass/stage.scss index a047df6a..7101f76a 100644 --- a/assets/sass/stage.scss +++ b/assets/sass/stage.scss @@ -14,6 +14,14 @@ align-items: center; } +.o-stage__searchfield { + position: absolute; + width: 60%; + height: 6rem; + background-color: white; + border-radius: var(--border-radius-l); +} + #search { position: absolute; width: 80%; diff --git a/assets/sass/styles.scss b/assets/sass/styles.scss index 27bf04f8..25c18457 100644 --- a/assets/sass/styles.scss +++ b/assets/sass/styles.scss @@ -115,31 +115,7 @@ img { align-items: center; } -p { - margin-bottom: 3.2rem; - text-align: justify; -} - -.footnotes { - - p { - text-align: left; - } - hr { - display: none; - } -} - -p:has( + ul), -p:has( + ol) { - margin-bottom: 1rem; -} - -article p:last-child, -section p:last-child { - margin-bottom: 0; -} .container { @include media-breakpoint-down(sm) { @@ -192,10 +168,11 @@ section p:last-child { border-radius: var(--border-radius-l); margin-bottom: 2.4rem; - .content h2:not(:first-of-type)::before { + .content span:not(:first-of-type)::before { content: ""; display: block; - margin: 2rem 0; + width: 100%; + margin: 3.2rem 0; background-image: url("/intersector.svg"); background-position: center; background-repeat: no-repeat; diff --git a/assets/sass/teaser.scss b/assets/sass/teaser.scss index b3914f63..6b898702 100644 --- a/assets/sass/teaser.scss +++ b/assets/sass/teaser.scss @@ -32,18 +32,4 @@ .m-teaser__headline { margin-bottom: .5rem; -} - -.o-stage { - display: flex; - justify-content: center; - align-items: center; -} - -.o-stage__searchfield { - position: absolute; - width: 60%; - height: 6rem; - background-color: white; - border-radius: var(--border-radius-l); } \ No newline at end of file diff --git a/assets/sass/toc.scss b/assets/sass/toc.scss deleted file mode 100644 index 263c8f5d..00000000 --- a/assets/sass/toc.scss +++ /dev/null @@ -1,33 +0,0 @@ -.toc li { - list-style-type: none; - } - -.toc ol { - padding: 0 0 0 1em; -} - -.toc > ol { - padding-left: 0; -} - -.toc-title { - font-weight: bold; -} - -.toc-link { - display: flex; -} - -.toc a[data-current] { - font-weight: bold; - - &:before { - content: ''; - width: .4rem; - height: 2.1rem; - position: absolute; - display: flex; - left: 0; - background-color: var(--link-default); - } -} \ No newline at end of file