hugo-template/assets/sass/_links.sass

44 lines
764 B
Sass

/* _text.sass */
a
color: $primary
text-decoration: underline
transition: color 0.3s ease-in-out
&:hover, &:focus
color: $accent
#quick-links
text-align: left
#link-list
display: flex
gap: $spacing-unit
align-items: left
margin: $spacing-unit 0
#link-list h2
flex: none
#link-list ul
list-style: none
margin: 0
padding: 0
display: flex
gap: 1rem
flex-wrap: wrap
#link-list ul li
margin: 0
padding: 0
#link-list ul li a
padding: 0.3rem 0.6rem
border-radius: $border-radius
background: $primary-light
color: $darkest
text-decoration: none
font-weight: 500
transition: background 0.3s ease-in-out
&:hover, &:focus
background: $accent-light