hugo-template/assets/sass/_taxonomy.sass
2025-06-09 11:45:49 -06:00

91 lines
2.2 KiB
Sass

table#taxonomy-table
width: 100%
border-collapse: collapse
// border: 3px solid $darkest
box-sizing: border-box
background: $surface
text-align: left
tr
border-bottom: 3px solid $background
&:nth-child(even)
background: darken($surface, 2%)
transition: background 0.4s ease-in-out
&:nth-child(odd)
background: lighten($surface, 3%)
transition: background 0.4s ease-in-out
&:hover, &:focus
background: $border
thead
text-align: left
border: none
border-radius: $border-radius $border-radius 0 0
th
color: $text
background: $darkest !important
padding: 0.6rem 0.6rem
text-align: left
font-weight: 600
border: none
td
padding: 0.3rem 0.6rem
text-align: left
font-weight: 600
border: none
td.description
font-weight: 300
color: $text-subtle
td.tool
min-width: 100px
a.term-link
padding: 0.2rem 0.6rem
margin: 0.2rem
display: inline-block
border-radius: $border-radius
text-decoration: none
font-weight: 500
color: $text
transition: color 0.4s ease-in-out, background 0.4s ease-in-out
&:hover, &:focus
color: $darkest !important
background: $text-subtle !important
a.taxonomy-name
padding: 0
margin: 0.2rem
display: inline-block
border-radius: $border-radius
text-decoration: none
font-weight: 500
color: $text
transition: color 0.4s ease-in-out
&:hover, &:focus
color: $accent-light
a
color: $text
text-decoration: none
&:hover, &:focus
color: $accent
#taxonomy-page a.term-link
padding: 0.3rem 1.2rem
margin: 0.2rem
display: inline-block
border-radius: $border-radius
text-decoration: none
font-weight: 500
font-size: 1.2rem
color: $text
transition: color 0.4s ease-in-out, background 0.4s ease-in-out
&:hover, &:focus
color: $darkest !important
background: $text-subtle !important