hugo-template/assets/sass/_taxonomy.sass

80 lines
1.7 KiB
Sass

table#taxonomy-table
width: 100%
border-collapse: collapse
// border: 3px solid $darkest
box-sizing: border-box
background: $surface
text-align: left
tr:nth-child(even)
background: darken($surface, 2%)
transition: background 0.4s
tr:nth-child(odd)
background: lighten($surface, 3%)
transition: background 0.4s
tr:hover, tr:focus
background: $border
#taxonomy-table thead
text-align: left
border: none
background: $darkest
border-radius: $border-radius $border-radius 0 0
#taxonomy-table th
color: $text
padding: 0.6rem 0.6rem
text-align: left
font-weight: 600
border: none
#taxonomy-table td
padding: 0.3rem 0.6rem
text-align: left
font-weight: 600
border: none
#taxonomy-table tr
border-bottom: 3px solid $background
&:hover, &:focus
background: $primary-light
#taxonomy-table 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
&:hover, &:focus
color: $darkest
#taxonomy-table 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
&:hover, &:focus
color: $accent-light
#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
color: $text
transition: color 0.4s
font-size: 1.2rem
&:hover, &:focus
color: $darkest