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

Adjust process scribble

Browse Source
This commit is contained in:
Mathias Gläser
2026-03-22 19:10:10 +01:00
parent 39de176fa7
commit c23b7406b4
2 changed files with 22 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@@ -45,17 +45,19 @@
</section> </section>
<section class="section section--dark process"> <section class="section section--dark process">
<div class="section-head section-head--boxed section-head--process"> <div class="section-head section-head--boxed">
<h2 class="section-title section-title--process"> <div class="section-title-lockup section-title-lockup--process">
<span class="section-title__line">Wie aus Ideen</span> <h2 class="section-title section-title--process">
<span class="section-title__line">Ergebnisse werden</span> <span class="section-title__line">Wie aus Ideen</span>
</h2> <span class="section-title__line">Ergebnisse werden</span>
<img </h2>
class="section-head__accent section-head__accent--process" <img
src="./media/strichlein_rosa_uber_wort.svg" class="section-head__accent section-head__accent--process"
alt="" src="./media/strichlein_rosa_uber_wort.svg"
aria-hidden="true" alt=""
/> aria-hidden="true"
/>
</div>
</div> </div>
<div class="process__grid"> <div class="process__grid">

22
styles.css
View File

@@ -279,10 +279,6 @@ button {
z-index: 1; z-index: 1;
} }
.section-head--process {
position: relative;
}
.section-head__accent { .section-head__accent {
position: absolute; position: absolute;
width: clamp(70px, 9vw, 120px); width: clamp(70px, 9vw, 120px);
@@ -290,10 +286,15 @@ button {
pointer-events: none; pointer-events: none;
} }
.section-title-lockup--process .section-title--process {
position: relative;
z-index: 1;
}
.section-head__accent--process { .section-head__accent--process {
top: -5.2rem; top: -5.2rem;
right: -5rem; left: calc(100% - 70px);
width: 78px; width: 94px;
} }
.section-head__accent--focus { .section-head__accent--focus {
@@ -758,20 +759,15 @@ button {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
.section-head--process {
width: fit-content;
justify-content: center;
}
.section-title-lockup--work { .section-title-lockup--work {
display: block; display: block;
width: fit-content; width: fit-content;
} }
.section-head__accent--process { .section-head__accent--process {
right: -0.25rem; left: calc(100% - 70px);
top: -3.4rem; top: -3.4rem;
width: 64px; width: 77px;
} }
.section-head__accent--work { .section-head__accent--work {