diff options
Diffstat (limited to 'public/css/modules')
| -rw-r--r-- | public/css/modules/footer.css | 1 | ||||
| -rw-r--r-- | public/css/modules/link-gallery.css | 3 | ||||
| -rw-r--r-- | public/css/modules/nav.css | 24 |
3 files changed, 27 insertions, 1 deletions
diff --git a/public/css/modules/footer.css b/public/css/modules/footer.css index eb9e108..0d1a896 100644 --- a/public/css/modules/footer.css +++ b/public/css/modules/footer.css @@ -19,6 +19,7 @@ footer { } .footer__rss-button__img { + min-width: 44px; width: calc(8 * var(--relative-eighth-rem)); } diff --git a/public/css/modules/link-gallery.css b/public/css/modules/link-gallery.css index 12ba16f..d9f9514 100644 --- a/public/css/modules/link-gallery.css +++ b/public/css/modules/link-gallery.css @@ -21,13 +21,16 @@ } .link-gallery--furthsettins img { + box-sizing: border-box; border-radius: 50%; + border: solid calc(2 * var(--relative-eighth-rem)) var(--text-color); } .link-gallery img { max-width: 100%; max-height: 100%; margin: auto; + height: auto; } .link-gallery__title { 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 +} |
