diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-10-13 18:36:35 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-10-13 18:36:35 +0100 |
| commit | 300f8c673829f6af26f1b5e73e4e9d10e8dd6692 (patch) | |
| tree | d05e33e6a84a98e513add5a48ec88b5b91660281 | |
| parent | 12b39528ce394a7debffa69b1e2594f622ddf06e (diff) | |
| parent | 0e769d7e3d0f78abb640e5b7c9a75ded82b25ca2 (diff) | |
Merge pull request #10 from Sycamost/gradient-title
Adds gradient to title
| -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 +} |