michalvankodev/michalvankodev-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

header and footer background

Browse Source
This commit is contained in:
Michal Vanko 2021-04-28 16:09:15 +02:00
parent 40eae4a8a5
commit e385faf6dc
3 changed files with 23 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/Footer.svelte
View File

@ -113,6 +113,8 @@
</footer> </footer>
<style> <style>
@import '../styles/variables.module.less';
h3 { h3 {
font: inherit; font: inherit;
font-weight: bold; font-weight: bold;
@ -125,7 +127,20 @@
.site-footer { .site-footer {
font-size: 0.9em; font-size: 0.9em;
padding: 0.4em; padding: 0.4em;
box-shadow: 1px 3px #959595;
background: radial-gradient(
160% 100% at 100% 100%,
@menu-bg-color 56%,
fade(@menu-bg-color, 0) 100%
);
@media (min-width: 700px) {
background: radial-gradient(
140% 100% at 100% 100%,
@menu-bg-color 48%,
fade(@menu-bg-color, 0) 100%
);
}
} }
.lists { .lists {

13
src/components/Nav.svelte
View File

@ -56,15 +56,14 @@
@import '../styles/variables.module.less'; @import '../styles/variables.module.less';
nav { nav {
position: sticky;
top: -2.75em;
z-index: 1;
padding: 0.5em 0.5em 2em; padding: 0.5em 0.5em 2em;
background: linear-gradient(
177.43deg, background: radial-gradient(
@pinky -6.98%, 120% 100% at 0% 0%,
rgba(@pinky, 0) 54.88% @menu-bg-color,
rgba(@pinky, 0) 100%
); );
color: @menu-color; color: @menu-color;
} }

1
src/styles/variables.module.less
View File

@ -12,3 +12,4 @@
@footer-visited-link-color: darken(@pinky, 70%); @footer-visited-link-color: darken(@pinky, 70%);
@bg-color: lighten(@light-cyan, 5%, relative); @bg-color: lighten(@light-cyan, 5%, relative);
@menu-bg-color: fade(@pinky, 67%);