angestoepselt/homepage
5
0
Fork 0
mirror of https://codeberg.org/angestoepselt/homepage.git synced 2025-05-24 14:46:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Tweak link styles

Browse source
This commit is contained in:
Yannik Rödel 2021-09-23 12:43:57 +02:00
parent 293f767dbb
commit 25ef8ef86e
3 changed files with 45 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
styles/components/_markup.scss
View file

@ -74,10 +74,26 @@ dd {
margin: layout.$normal-gap 0 layout.$normal-gap layout.$large-gap; margin: layout.$normal-gap 0 layout.$normal-gap layout.$large-gap;
} }
a { :any-link,
a[href] {
color: colors.$main-text; color: colors.$main-text;
&:hover { &:hover {
color: colors.$blue-800; color: colors.$blue-800;
} }
} }
.cta-link {
display: block;
margin: 0 auto;
padding: 0 layout.$normal-gap;
max-width: layout.$narrow-content-width;
text-align: center;
text-decoration: none;
line-height: 3rem;
border: 1px solid colors.$main-text;
&:hover {
border-color: colors.$blue-800;
}
}

17
styles/components/_page.scss
View file

@ -12,6 +12,23 @@
h2:after { h2:after {
background-color: colors.$gray-50; background-color: colors.$gray-50;
} }
:any-link,
a[href] {
color: colors.$gray-300;
&:hover {
color: colors.$yellow-500;
}
}
.cta-link {
border-color: colors.$gray-300;
&:hover {
border-color: colors.$yellow-500;
}
}
} }
&.footer { &.footer {

14
styles/components/_site.scss
View file

@ -3,14 +3,14 @@
@use '../lib/typography'; @use '../lib/typography';
@mixin header-item { @mixin header-item {
padding: 0 layout.$normal-gap; padding: 0 layout.$large-gap;
line-height: 3rem; line-height: 4rem;
} }
// The site logo text. More specific styles for this element are also present // The site logo text. More specific styles for this element are also present
// underneath .site-header. // underneath .site-header.
.site-logo { .site-logo {
margin: 0 layout.$normal-gap; margin: 0 layout.$large-gap;
text-transform: lowercase; text-transform: lowercase;
} }
@ -22,6 +22,10 @@
> ul { > ul {
display: flex; display: flex;
margin-bottom: 0; margin-bottom: 0;
> li {
margin: 0;
}
} }
a { a {
@ -121,4 +125,8 @@
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
gap: layout.$normal-gap; gap: layout.$normal-gap;
.site-navigation a {
text-align: right;
}
} }