@import branding
@import mixins

.fat-taxons
  @include csstrans
  display: inline-block
  line-height: 1
  margin-right: 0.5rem
  margin-bottom: 0.2rem
  text-transform: uppercase
  font-size: 1rem
  // border: 1px solid $disabled-bright
  padding: 0.25rem 0.5rem 0.25rem 0.35rem
  render-svg
    svg
      width: 16px
      height: 16px
      path
        fill: $dark-grey
  &, &*
    display: inline-block
    color: $dark-grey
  // &:hover, &.hover, &:active
    // background: rgba(255,255,255,0.5)

.summary-header
  @include csstrans
  render-svg
    svg
      width: 18px
      height: 18px
      path
        fill: $clr-brick
@import branding
@import mixins

.fat-taxons
  @include csstrans
  display: inline-block
  line-height: 1
  margin-right: 0.5rem
  margin-bottom: 0.35rem
  text-transform: uppercase
  font-weight: 300
  font-size: 0.875rem
  background: rgba(255,255,255,0.5)
  color: #555
  @include border-radius(3px)
  padding: 0.25rem 0.5rem 0.35rem 0.35rem
  render-svg
    svg
      width: 16px
      height: 16px
      path
        fill: #555
  &, &*
    display: inline-block
    color: #555
  // &:hover, &.hover, &:active
    // background: rgba(255,255,255,0.5)
     
.product-header
  render-svg
    svg
      width: 32px
      height: 32px
      path
        fill: black
  @media all and (max-width: 640px)
    render-svg
      svg
        width: 24px
        height: 24px

.summary-header
  @include csstrans
  render-svg
    svg
      width: 18px
      height: 18px
      path
        fill: $clr-brick
Add in styling for product modal version of taxons
Add in styling for product modal version of taxons
