diff options
| -rw-r--r-- | public/css/modules/nav.css | 24 |
1 files changed, 23 insertions, 1 deletions
diff --git a/public/css/modules/nav.css b/public/css/modules/nav.css index bd41dbc..44ec5c6 100644 --- a/public/css/modules/nav.css +++ b/public/css/modules/nav.css @@ -21,6 +21,28 @@ font-family: var(--font-serif); font-size: var(--font-size-5); font-weight: 700; + + /* This gradient is based on * + * --color-primary-60 -> --color-secondary-60 * + * using Josh W Comeau's gradient generator */ + width: fit-content; + background-image: linear-gradient( + 45deg, + hsl(248deg 100% 75%) 0%, + hsl(227deg 100% 70%) 24%, + hsl(211deg 100% 58%) 40%, + hsl(205deg 100% 50%) 51%, + hsl(202deg 100% 49%) 60%, + hsl(200deg 100% 47%) 66%, + hsl(197deg 100% 44%) 70%, + hsl(194deg 100% 41%) 73%, + hsl(190deg 100% 38%) 76%, + hsl(186deg 100% 35%) 79%, + hsl(181deg 100% 33%) 84%, + hsl(177deg 100% 32%) 100% + ); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; } .nav__logo a { @@ -52,4 +74,4 @@ .nav__switch-language-link { text-align: right; -}
\ No newline at end of file +} |