@require '../common/variables'

$category-name-font-size = 2.8rem

.category-name
  color var(--second-text-color)
  font-size $category-name-font-size

  i
    color var(--second-text-color)

  font-weight 600
  padding-bottom 20px
  margin-bottom $spacing-unit
  border-bottom 1px solid var(--shadow-color-1)

  +redefine-tablet()
    font-size: $category-name-font-size * 0.9

  +redefine-mobile()
    font-size: $category-name-font-size * 0.8