[TASK] add footer styling
All checks were successful
CI/CD Pipeline / deploy-main (push) Successful in 7m17s
All checks were successful
CI/CD Pipeline / deploy-main (push) Successful in 7m17s
This commit is contained in:
parent
819e23a99f
commit
ba4b54490a
@ -119,6 +119,12 @@ button {
|
||||
|
||||
body > footer {
|
||||
padding-block: calc(var(--pico-block-spacing-vertical) * 2);
|
||||
background: linear-gradient(180deg, black, transparent);
|
||||
}
|
||||
|
||||
:root:not([data-theme=dark]) body > footer,
|
||||
[data-theme=light] body > footer {
|
||||
background: linear-gradient(180deg, rgba(0,0,0,.1), transparent);
|
||||
}
|
||||
|
||||
/* approx 800px */
|
||||
@ -203,7 +209,7 @@ ol li::before {
|
||||
font-weight: bold;
|
||||
padding-right: 12px;
|
||||
align-self: flex-start;
|
||||
background-image: linear-gradient(to bottom, aquamarine, orangered);
|
||||
background-image: linear-gradient(to bottom, #08AEEA, #2AF598);
|
||||
background-attachment: fixed;
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
|
@ -19,8 +19,8 @@
|
||||
{{content}}
|
||||
</ol>
|
||||
</main>
|
||||
<footer class="container">
|
||||
<nav>
|
||||
<footer>
|
||||
<nav class="container">
|
||||
<ul>
|
||||
<li>
|
||||
<!--TODO: Impressum / Datenschutz hinzufügen wenn aktiv aria-current="page" -->
|
||||
|
@ -22,8 +22,8 @@
|
||||
<h1><mark>{{title}}</mark></h1>
|
||||
{{content}}
|
||||
</main>
|
||||
<footer class="container">
|
||||
<nav>
|
||||
<footer>
|
||||
<nav class="container">
|
||||
<ul>
|
||||
<li>
|
||||
<!--TODO: Impressum / Datenschutz hinzufügen wenn aktiv aria-current="page" -->
|
||||
|
@ -119,6 +119,12 @@ button {
|
||||
|
||||
body > footer {
|
||||
padding-block: calc(var(--pico-block-spacing-vertical) * 2);
|
||||
background: linear-gradient(180deg, black, transparent);
|
||||
}
|
||||
|
||||
:root:not([data-theme=dark]) body > footer,
|
||||
[data-theme=light] body > footer {
|
||||
background: linear-gradient(180deg, rgba(0,0,0,.1), transparent);
|
||||
}
|
||||
|
||||
/* approx 800px */
|
||||
@ -203,7 +209,7 @@ ol li::before {
|
||||
font-weight: bold;
|
||||
padding-right: 12px;
|
||||
align-self: flex-start;
|
||||
background-image: linear-gradient(to bottom, aquamarine, orangered);
|
||||
background-image: linear-gradient(to bottom, #08AEEA, #2AF598);
|
||||
background-attachment: fixed;
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
|
Loading…
Reference in New Issue
Block a user