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

2
index.html
View File

@@ -158,6 +158,7 @@
<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">
<div class="section-title-lockup section-title-lockup--work">
<h2 class="section-title section-title--work">So arbeite ich</h2> <h2 class="section-title section-title--work">So arbeite ich</h2>
<img <img
class="section-head__accent section-head__accent--work" class="section-head__accent section-head__accent--work"
@@ -166,6 +167,7 @@
aria-hidden="true" aria-hidden="true"
/> />
</div> </div>
</div>
<div class="work__grid"> <div class="work__grid">
<article class="card card--work work-card"> <article class="card card--work work-card">

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;