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;
}
a {
:any-link,
a[href] {
color: colors.$main-text;
&:hover {
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 {
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 {

14
styles/components/_site.scss
View file

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