[TASK] add fancy gradient
All checks were successful
CI/CD Pipeline / deploy-main (push) Successful in 7s

This commit is contained in:
Marie Birner 2024-02-17 21:19:38 +01:00
parent 78ef8a6695
commit 3e6926a79f
3 changed files with 21 additions and 1 deletions

View File

@ -2,6 +2,16 @@ h1 {
margin-top: var(--pico-spacing); margin-top: var(--pico-spacing);
} }
mark {
--pico-mark-gradient: linear-gradient(270deg, #08AEEA 0%, #2AF598 100%);
padding: 0;
background: var(--pico-mark-gradient);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
h2, h2,
h3, h3,
h4, h4,

View File

@ -17,7 +17,7 @@
<main class="container"> <main class="container">
<button class="btn-open open-js">Alles öffnen</button> <button class="btn-open open-js">Alles öffnen</button>
<button class="btn-close close-js">Alles schließen</button> <button class="btn-close close-js">Alles schließen</button>
<h1>{{title}}</h1> <h1><mark>{{title}}</mark></h1>
{{content}} {{content}}
</main> </main>
<script src="app.js"></script> <script src="app.js"></script>

View File

@ -2,6 +2,16 @@ h1 {
margin-top: var(--pico-spacing); margin-top: var(--pico-spacing);
} }
mark {
--pico-mark-gradient: linear-gradient(270deg, #08AEEA 0%, #2AF598 100%);
padding: 0;
background: var(--pico-mark-gradient);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
h2, h2,
h3, h3,
h4, h4,