mirror of
https://github.com/HerrCraziDev/faoilean.git
synced 2025-12-13 09:06:16 +01:00
link to repo, background gradient fix
This commit is contained in:
22
src/app.css
22
src/app.css
@@ -9,7 +9,7 @@
|
||||
--primary-color: #d1d1d1;
|
||||
--secondary-color: #e4e4e4;
|
||||
--tertiary-color: #eee;
|
||||
--accent-color: #ff3e00;
|
||||
--accent-color: #223db1;
|
||||
--heading-color: white;
|
||||
--text-color: #444444;
|
||||
--background-without-opacity: rgba(255, 255, 255, 0.7);
|
||||
@@ -31,27 +31,11 @@ body {
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
var(--primary-color) 0%,
|
||||
var(--secondary-color) 10.45%,
|
||||
var(--tertiary-color) 41.35%
|
||||
var(--secondary-color) 4em,
|
||||
var(--tertiary-color) 10em
|
||||
);
|
||||
}
|
||||
|
||||
body::before {
|
||||
content: '';
|
||||
width: 80vw;
|
||||
height: 100vh;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 10vw;
|
||||
z-index: -1;
|
||||
background: radial-gradient(
|
||||
50% 50% at 50% 50%,
|
||||
var(--pure-white) 0%,
|
||||
rgba(255, 255, 255, 0) 100%
|
||||
);
|
||||
opacity: 0.05;
|
||||
}
|
||||
|
||||
ul.nolist, li.nolist {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
@@ -6,11 +6,11 @@
|
||||
<Header />
|
||||
|
||||
<main>
|
||||
<slot />
|
||||
<slot/>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p><em>faoilean</em>, light as a feather, free as a bird! - suckless blogging thingy</p>
|
||||
<p><em><a href="https://github.com/HerrCraziDev/faoilean">faoilean</a></em>, light as a feather, free as a bird! - suckless blogging thingy</p>
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
@@ -38,6 +38,10 @@
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
footer em a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
@media (min-width: 480px) {
|
||||
footer {
|
||||
padding: 40px 0;
|
||||
|
||||
Reference in New Issue
Block a user