[TASK] add fancy gradient
All checks were successful
CI/CD Pipeline / deploy-main (push) Successful in 7s
All checks were successful
CI/CD Pipeline / deploy-main (push) Successful in 7s
This commit is contained in:
parent
78ef8a6695
commit
3e6926a79f
@ -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,
|
||||||
|
@ -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>
|
||||||
|
@ -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,
|
||||||
|
Loading…
Reference in New Issue
Block a user