57 lines
1.1 KiB
Sass
57 lines
1.1 KiB
Sass
/* _text.sass */
|
|
|
|
a
|
|
color: $accent-light
|
|
text-decoration: underline
|
|
transition: color 0.3s ease-in-out
|
|
&:hover, &:focus
|
|
color: $primary
|
|
|
|
#quick-links
|
|
text-align: left
|
|
|
|
#link-list
|
|
display: flex
|
|
gap: $spacing-unit
|
|
align-items: center
|
|
flex-wrap: wrap
|
|
margin: 2rem 0 $spacing-unit 0
|
|
justify-content: center
|
|
|
|
#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
|
|
|
|
a.button
|
|
padding: 0.3rem 0.6rem
|
|
margin: 0 0.2rem
|
|
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 |