gitea_admin/fabiennefoehn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bind work title and accent

Browse Source
This commit is contained in:
Mathias Gläser
2026-03-22 18:10:42 +01:00
parent b5e6899188
commit 5ee5ae5abb
2 changed files with 25 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
index.html
View File

@@ -158,13 +158,15 @@
<section class="section section--accent work"> <section class="section section--accent work">
<div class="section-head section-head--boxed"> <div class="section-head section-head--boxed">
<h2 class="section-title section-title--work">So arbeite ich</h2> <div class="section-title-lockup section-title-lockup--work">
<img <h2 class="section-title section-title--work">So arbeite ich</h2>
class="section-head__accent section-head__accent--work" <img
src="./media/strichlein_so_arbeite_ich.svg" class="section-head__accent section-head__accent--work"
alt="" src="./media/strichlein_so_arbeite_ich.svg"
aria-hidden="true" alt=""
/> aria-hidden="true"
/>
</div>
</div> </div>
<div class="work__grid"> <div class="work__grid">

16
styles.css
View File

@@ -249,6 +249,12 @@ button {
margin-bottom: var(--section-head-box-gap); margin-bottom: var(--section-head-box-gap);
} }
.section-title-lockup {
position: relative;
display: inline-block;
width: fit-content;
}
.section-title { .section-title {
font-size: clamp(2.6rem, 4.4vw, 4.3rem); font-size: clamp(2.6rem, 4.4vw, 4.3rem);
max-width: 10.5ch; max-width: 10.5ch;
@@ -269,6 +275,11 @@ button {
white-space: nowrap; white-space: nowrap;
} }
.section-title-lockup--work .section-title--work {
position: relative;
z-index: 1;
}
.section-head--process { .section-head--process {
position: relative; position: relative;
} }
@@ -713,6 +724,11 @@ button {
justify-content: center; justify-content: center;
} }
.section-title-lockup--work {
display: block;
width: fit-content;
}
.section-head__accent--process { .section-head__accent--process {
right: -0.25rem; right: -0.25rem;
top: -3.4rem; top: -3.4rem;