SimenB / stylint

Improve your Stylus code with Stylint
https://simenb.github.io/stylint/
GNU General Public License v2.0
348 stars 62 forks source link

^[-1]:hover ^[-1..-1] - property is not valid #442

Open yura-master-web opened 5 years ago

yura-master-web commented 5 years ago
.carousel
    display block
    background-color colors('dark')

    &__item
        position relative
        display flex
        flex-direction column-reverse
        font-size px2rem(18px)
        font-weight 300
        color colors('white')

        .owl-carousel_servises .owl-item:nth-child(2n) &
            flex-direction column

        .carousel-services-content, .carousel-services-images
            width 100%

        .carousel-services-images
            background-position center
            background-size cover
            opacity .8
            transition opacity $transition-time

            ^[-1]:hover ^[-1..-1]
                opacity 1

response

.carousel {
  display: block;
  background-color: #1a1a1a;
}
.carousel__item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  font-size: 1.125rem;
  font-weight: 300;
  color: #fff;
}
.owl-carousel_servises .owl-item:nth-child(2n) .carousel__item {
  -ms-flex-direction: column;
      flex-direction: column;
}
.carousel__item .carousel-services-content,
.carousel__item .carousel-services-images {
  width: 100%;
}
.carousel__item .carousel-services-images {
  background-position: center;
  background-size: cover;
  opacity: 0.8;
  transition: opacity 0.3s;
}
.carousel__item:hover .carousel-services-images {
  opacity: 1;
}

.carousel__item:hover .carousel-services-images {
  opacity: 1;
}

is good, but

^[-1]:hover ^[-1..-1]
    opacity 1

console write - property is not valid