bmarshall511/slider-menu.jquery.js

Function sliderMenu has 74 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  $.fn.sliderMenu = function( options ) {
    var settings = $.extend({
      back: '<span>Back</span>'
    }, options ),
    elements = {}, methods = {};

Fallback border-color (hex or RGB) should precede RGBA border-color.

Open

.slider-menu{background-color:#fff;font-size:13px;font-weight:600;text-transform:uppercase}.slider-menu li{border-bottom:1px solid rgba(37,37,37,.1)}.slider-menu li:last-child{border-bottom:0}.slider-menu a{color:#252525;display:block;padding:10px 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s}.slider-menu a span{color:#00a52b;display:inline-block;font-size:.8em;font-weight:400;margin-left:5px;text-transform:none;-webkit-transition:color .2s;transition:color .2s;vertical-align:middle}.slider-menu a span::before{content:'- '}.slider-menu a:active,.slider-menu a:hover{color:#fff}.slider-menu a:active span,.slider-menu a:hover span{color:#fff}.slider-menu a:hover{background-color:#00a52b}.slider-menu a:active{background-color:#252525}.slider-menu-back{background-color:rgba(0,165,43,.05);color:#252525;font-weight:300;padding-bottom:13px;padding-top:12px;-webkit-transition:color .2s;transition:color .2s}.slider-menu-back span{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:rgba(37,37,37,.3);color:transparent;display:block;height:16px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;text-indent:-9999px;width:16px}.slider-menu-back:hover span{background-color:#fff}.slider-menu-children>a::before{background-color:#252525;content:'';display:block;float:right;height:12px;margin-top:4px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;-webkit-transition:margin-top .2s,-webkit-transform .2s;transition:margin-top .2s,-webkit-transform .2s;transition:transform .2s,margin-top .2s;transition:transform .2s,margin-top .2s,-webkit-transform .2s;width:12px}.slider-menu-children>a:hover::before{background-color:#fff}[data-vertical=true] ul{background-color:rgba(0,165,43,.05)}[data-vertical=true] ul a{color:#00a52b;font-size:12px;font-weight:300;text-transform:none}[data-vertical=true] ul a:hover{color:#fff}[data-vertical=true] li{border-color:rgba(0,165,43,.1)}[data-vertical=true].slider-menu-children>a::before{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-top:6px}[data-vertical=true].slider-menu-children>a.slider-menu-open{background-color:#00a52b;color:#fff}[data-vertical=true].slider-menu-children>a.slider-menu-open::before{-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;margin-top:4px}@-moz-document url-prefix(){.slider-menu-back span,.slider-menu-back:hover span,.slider-menu-children>a::before,.slider-menu-children>a:hover::before,[data-vertical=true].slider-menu-children>a.slider-menu-open::before{background-color:transparent;background-repeat:no-repeat}.slider-menu-back span,.slider-menu-children>a::before{background-image:url(../img/arrow.svg)}}

• Exclude checks
  • Disable engine
  • Disable check

Unknown property 'mask-size'.

Open

.slider-menu{background-color:#fff;font-size:13px;font-weight:600;text-transform:uppercase}.slider-menu li{border-bottom:1px solid rgba(37,37,37,.1)}.slider-menu li:last-child{border-bottom:0}.slider-menu a{color:#252525;display:block;padding:10px 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s}.slider-menu a span{color:#00a52b;display:inline-block;font-size:.8em;font-weight:400;margin-left:5px;text-transform:none;-webkit-transition:color .2s;transition:color .2s;vertical-align:middle}.slider-menu a span::before{content:'- '}.slider-menu a:active,.slider-menu a:hover{color:#fff}.slider-menu a:active span,.slider-menu a:hover span{color:#fff}.slider-menu a:hover{background-color:#00a52b}.slider-menu a:active{background-color:#252525}.slider-menu-back{background-color:rgba(0,165,43,.05);color:#252525;font-weight:300;padding-bottom:13px;padding-top:12px;-webkit-transition:color .2s;transition:color .2s}.slider-menu-back span{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:rgba(37,37,37,.3);color:transparent;display:block;height:16px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;text-indent:-9999px;width:16px}.slider-menu-back:hover span{background-color:#fff}.slider-menu-children>a::before{background-color:#252525;content:'';display:block;float:right;height:12px;margin-top:4px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;-webkit-transition:margin-top .2s,-webkit-transform .2s;transition:margin-top .2s,-webkit-transform .2s;transition:transform .2s,margin-top .2s;transition:transform .2s,margin-top .2s,-webkit-transform .2s;width:12px}.slider-menu-children>a:hover::before{background-color:#fff}[data-vertical=true] ul{background-color:rgba(0,165,43,.05)}[data-vertical=true] ul a{color:#00a52b;font-size:12px;font-weight:300;text-transform:none}[data-vertical=true] ul a:hover{color:#fff}[data-vertical=true] li{border-color:rgba(0,165,43,.1)}[data-vertical=true].slider-menu-children>a::before{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-top:6px}[data-vertical=true].slider-menu-children>a.slider-menu-open{background-color:#00a52b;color:#fff}[data-vertical=true].slider-menu-children>a.slider-menu-open::before{-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;margin-top:4px}@-moz-document url-prefix(){.slider-menu-back span,.slider-menu-back:hover span,.slider-menu-children>a::before,.slider-menu-children>a:hover::before,[data-vertical=true].slider-menu-children>a.slider-menu-open::before{background-color:transparent;background-repeat:no-repeat}.slider-menu-back span,.slider-menu-children>a::before{background-image:url(../img/arrow.svg)}}

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

      &::before {

• Exclude checks
  • Disable engine
  • Disable check

Fallback background-color (hex or RGB) should precede RGBA background-color.

Open

.slider-menu{background-color:#fff;font-size:13px;font-weight:600;text-transform:uppercase}.slider-menu li{border-bottom:1px solid rgba(37,37,37,.1)}.slider-menu li:last-child{border-bottom:0}.slider-menu a{color:#252525;display:block;padding:10px 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s}.slider-menu a span{color:#00a52b;display:inline-block;font-size:.8em;font-weight:400;margin-left:5px;text-transform:none;-webkit-transition:color .2s;transition:color .2s;vertical-align:middle}.slider-menu a span::before{content:'- '}.slider-menu a:active,.slider-menu a:hover{color:#fff}.slider-menu a:active span,.slider-menu a:hover span{color:#fff}.slider-menu a:hover{background-color:#00a52b}.slider-menu a:active{background-color:#252525}.slider-menu-back{background-color:rgba(0,165,43,.05);color:#252525;font-weight:300;padding-bottom:13px;padding-top:12px;-webkit-transition:color .2s;transition:color .2s}.slider-menu-back span{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:rgba(37,37,37,.3);color:transparent;display:block;height:16px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;text-indent:-9999px;width:16px}.slider-menu-back:hover span{background-color:#fff}.slider-menu-children>a::before{background-color:#252525;content:'';display:block;float:right;height:12px;margin-top:4px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;-webkit-transition:margin-top .2s,-webkit-transform .2s;transition:margin-top .2s,-webkit-transform .2s;transition:transform .2s,margin-top .2s;transition:transform .2s,margin-top .2s,-webkit-transform .2s;width:12px}.slider-menu-children>a:hover::before{background-color:#fff}[data-vertical=true] ul{background-color:rgba(0,165,43,.05)}[data-vertical=true] ul a{color:#00a52b;font-size:12px;font-weight:300;text-transform:none}[data-vertical=true] ul a:hover{color:#fff}[data-vertical=true] li{border-color:rgba(0,165,43,.1)}[data-vertical=true].slider-menu-children>a::before{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-top:6px}[data-vertical=true].slider-menu-children>a.slider-menu-open{background-color:#00a52b;color:#fff}[data-vertical=true].slider-menu-children>a.slider-menu-open::before{-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;margin-top:4px}@-moz-document url-prefix(){.slider-menu-back span,.slider-menu-back:hover span,.slider-menu-children>a::before,.slider-menu-children>a:hover::before,[data-vertical=true].slider-menu-children>a.slider-menu-open::before{background-color:transparent;background-repeat:no-repeat}.slider-menu-back span,.slider-menu-children>a::before{background-image:url(../img/arrow.svg)}}

• Exclude checks
  • Disable engine
  • Disable check

Fallback background-color (hex or RGB) should precede RGBA background-color.

Open

.slider-menu{background-color:#fff;font-size:13px;font-weight:600;text-transform:uppercase}.slider-menu li{border-bottom:1px solid rgba(37,37,37,.1)}.slider-menu li:last-child{border-bottom:0}.slider-menu a{color:#252525;display:block;padding:10px 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s}.slider-menu a span{color:#00a52b;display:inline-block;font-size:.8em;font-weight:400;margin-left:5px;text-transform:none;-webkit-transition:color .2s;transition:color .2s;vertical-align:middle}.slider-menu a span::before{content:'- '}.slider-menu a:active,.slider-menu a:hover{color:#fff}.slider-menu a:active span,.slider-menu a:hover span{color:#fff}.slider-menu a:hover{background-color:#00a52b}.slider-menu a:active{background-color:#252525}.slider-menu-back{background-color:rgba(0,165,43,.05);color:#252525;font-weight:300;padding-bottom:13px;padding-top:12px;-webkit-transition:color .2s;transition:color .2s}.slider-menu-back span{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:rgba(37,37,37,.3);color:transparent;display:block;height:16px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;text-indent:-9999px;width:16px}.slider-menu-back:hover span{background-color:#fff}.slider-menu-children>a::before{background-color:#252525;content:'';display:block;float:right;height:12px;margin-top:4px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;-webkit-transition:margin-top .2s,-webkit-transform .2s;transition:margin-top .2s,-webkit-transform .2s;transition:transform .2s,margin-top .2s;transition:transform .2s,margin-top .2s,-webkit-transform .2s;width:12px}.slider-menu-children>a:hover::before{background-color:#fff}[data-vertical=true] ul{background-color:rgba(0,165,43,.05)}[data-vertical=true] ul a{color:#00a52b;font-size:12px;font-weight:300;text-transform:none}[data-vertical=true] ul a:hover{color:#fff}[data-vertical=true] li{border-color:rgba(0,165,43,.1)}[data-vertical=true].slider-menu-children>a::before{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-top:6px}[data-vertical=true].slider-menu-children>a.slider-menu-open{background-color:#00a52b;color:#fff}[data-vertical=true].slider-menu-children>a.slider-menu-open::before{-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;margin-top:4px}@-moz-document url-prefix(){.slider-menu-back span,.slider-menu-back:hover span,.slider-menu-children>a::before,.slider-menu-children>a:hover::before,[data-vertical=true].slider-menu-children>a.slider-menu-open::before{background-color:transparent;background-repeat:no-repeat}.slider-menu-back span,.slider-menu-children>a::before{background-image:url(../img/arrow.svg)}}

• Exclude checks
  • Disable engine
  • Disable check

Avoid vendor prefixes.

Open

    -moz-mask-image: url('../img/arrow.svg');

• Exclude checks
  • Disable engine
  • Disable check

Fallback border-bottom (hex or RGB) should precede RGBA border-bottom.

Open

.slider-menu{background-color:#fff;font-size:13px;font-weight:600;text-transform:uppercase}.slider-menu li{border-bottom:1px solid rgba(37,37,37,.1)}.slider-menu li:last-child{border-bottom:0}.slider-menu a{color:#252525;display:block;padding:10px 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s}.slider-menu a span{color:#00a52b;display:inline-block;font-size:.8em;font-weight:400;margin-left:5px;text-transform:none;-webkit-transition:color .2s;transition:color .2s;vertical-align:middle}.slider-menu a span::before{content:'- '}.slider-menu a:active,.slider-menu a:hover{color:#fff}.slider-menu a:active span,.slider-menu a:hover span{color:#fff}.slider-menu a:hover{background-color:#00a52b}.slider-menu a:active{background-color:#252525}.slider-menu-back{background-color:rgba(0,165,43,.05);color:#252525;font-weight:300;padding-bottom:13px;padding-top:12px;-webkit-transition:color .2s;transition:color .2s}.slider-menu-back span{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:rgba(37,37,37,.3);color:transparent;display:block;height:16px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;text-indent:-9999px;width:16px}.slider-menu-back:hover span{background-color:#fff}.slider-menu-children>a::before{background-color:#252525;content:'';display:block;float:right;height:12px;margin-top:4px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;-webkit-transition:margin-top .2s,-webkit-transform .2s;transition:margin-top .2s,-webkit-transform .2s;transition:transform .2s,margin-top .2s;transition:transform .2s,margin-top .2s,-webkit-transform .2s;width:12px}.slider-menu-children>a:hover::before{background-color:#fff}[data-vertical=true] ul{background-color:rgba(0,165,43,.05)}[data-vertical=true] ul a{color:#00a52b;font-size:12px;font-weight:300;text-transform:none}[data-vertical=true] ul a:hover{color:#fff}[data-vertical=true] li{border-color:rgba(0,165,43,.1)}[data-vertical=true].slider-menu-children>a::before{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-top:6px}[data-vertical=true].slider-menu-children>a.slider-menu-open{background-color:#00a52b;color:#fff}[data-vertical=true].slider-menu-children>a.slider-menu-open::before{-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;margin-top:4px}@-moz-document url-prefix(){.slider-menu-back span,.slider-menu-back:hover span,.slider-menu-children>a::before,.slider-menu-children>a:hover::before,[data-vertical=true].slider-menu-children>a.slider-menu-open::before{background-color:transparent;background-repeat:no-repeat}.slider-menu-back span,.slider-menu-children>a::before{background-image:url(../img/arrow.svg)}}

• Exclude checks
  • Disable engine
  • Disable check

Unknown property 'mask-image'.

Open

.slider-menu{background-color:#fff;font-size:13px;font-weight:600;text-transform:uppercase}.slider-menu li{border-bottom:1px solid rgba(37,37,37,.1)}.slider-menu li:last-child{border-bottom:0}.slider-menu a{color:#252525;display:block;padding:10px 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s}.slider-menu a span{color:#00a52b;display:inline-block;font-size:.8em;font-weight:400;margin-left:5px;text-transform:none;-webkit-transition:color .2s;transition:color .2s;vertical-align:middle}.slider-menu a span::before{content:'- '}.slider-menu a:active,.slider-menu a:hover{color:#fff}.slider-menu a:active span,.slider-menu a:hover span{color:#fff}.slider-menu a:hover{background-color:#00a52b}.slider-menu a:active{background-color:#252525}.slider-menu-back{background-color:rgba(0,165,43,.05);color:#252525;font-weight:300;padding-bottom:13px;padding-top:12px;-webkit-transition:color .2s;transition:color .2s}.slider-menu-back span{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:rgba(37,37,37,.3);color:transparent;display:block;height:16px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;text-indent:-9999px;width:16px}.slider-menu-back:hover span{background-color:#fff}.slider-menu-children>a::before{background-color:#252525;content:'';display:block;float:right;height:12px;margin-top:4px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;-webkit-transition:margin-top .2s,-webkit-transform .2s;transition:margin-top .2s,-webkit-transform .2s;transition:transform .2s,margin-top .2s;transition:transform .2s,margin-top .2s,-webkit-transform .2s;width:12px}.slider-menu-children>a:hover::before{background-color:#fff}[data-vertical=true] ul{background-color:rgba(0,165,43,.05)}[data-vertical=true] ul a{color:#00a52b;font-size:12px;font-weight:300;text-transform:none}[data-vertical=true] ul a:hover{color:#fff}[data-vertical=true] li{border-color:rgba(0,165,43,.1)}[data-vertical=true].slider-menu-children>a::before{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-top:6px}[data-vertical=true].slider-menu-children>a.slider-menu-open{background-color:#00a52b;color:#fff}[data-vertical=true].slider-menu-children>a.slider-menu-open::before{-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;margin-top:4px}@-moz-document url-prefix(){.slider-menu-back span,.slider-menu-back:hover span,.slider-menu-children>a::before,.slider-menu-children>a:hover::before,[data-vertical=true].slider-menu-children>a.slider-menu-open::before{background-color:transparent;background-repeat:no-repeat}.slider-menu-back span,.slider-menu-children>a::before{background-image:url(../img/arrow.svg)}}

• Exclude checks
  • Disable engine
  • Disable check

Nesting should be no greater than 3, but was 4

Open

      &.slider-menu-active {

• Exclude checks
  • Disable engine
  • Disable check

Avoid vendor prefixes.

Open

    -webkit-mask-image: url('../img/arrow.svg');

• Exclude checks
  • Disable engine
  • Disable check

Avoid qualifying class selectors with an element.

Open

  .slider-menu-children > a::before,

• Exclude checks
  • Disable engine
  • Disable check

Negative text-indent doesn't work well with RTL. If you use text-indent for image replacement explicitly set direction for that item to ltr.

Open

.slider-menu{background-color:#fff;font-size:13px;font-weight:600;text-transform:uppercase}.slider-menu li{border-bottom:1px solid rgba(37,37,37,.1)}.slider-menu li:last-child{border-bottom:0}.slider-menu a{color:#252525;display:block;padding:10px 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s}.slider-menu a span{color:#00a52b;display:inline-block;font-size:.8em;font-weight:400;margin-left:5px;text-transform:none;-webkit-transition:color .2s;transition:color .2s;vertical-align:middle}.slider-menu a span::before{content:'- '}.slider-menu a:active,.slider-menu a:hover{color:#fff}.slider-menu a:active span,.slider-menu a:hover span{color:#fff}.slider-menu a:hover{background-color:#00a52b}.slider-menu a:active{background-color:#252525}.slider-menu-back{background-color:rgba(0,165,43,.05);color:#252525;font-weight:300;padding-bottom:13px;padding-top:12px;-webkit-transition:color .2s;transition:color .2s}.slider-menu-back span{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:rgba(37,37,37,.3);color:transparent;display:block;height:16px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;text-indent:-9999px;width:16px}.slider-menu-back:hover span{background-color:#fff}.slider-menu-children>a::before{background-color:#252525;content:'';display:block;float:right;height:12px;margin-top:4px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;-webkit-transition:margin-top .2s,-webkit-transform .2s;transition:margin-top .2s,-webkit-transform .2s;transition:transform .2s,margin-top .2s;transition:transform .2s,margin-top .2s,-webkit-transform .2s;width:12px}.slider-menu-children>a:hover::before{background-color:#fff}[data-vertical=true] ul{background-color:rgba(0,165,43,.05)}[data-vertical=true] ul a{color:#00a52b;font-size:12px;font-weight:300;text-transform:none}[data-vertical=true] ul a:hover{color:#fff}[data-vertical=true] li{border-color:rgba(0,165,43,.1)}[data-vertical=true].slider-menu-children>a::before{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-top:6px}[data-vertical=true].slider-menu-children>a.slider-menu-open{background-color:#00a52b;color:#fff}[data-vertical=true].slider-menu-children>a.slider-menu-open::before{-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;margin-top:4px}@-moz-document url-prefix(){.slider-menu-back span,.slider-menu-back:hover span,.slider-menu-children>a::before,.slider-menu-children>a:hover::before,[data-vertical=true].slider-menu-children>a.slider-menu-open::before{background-color:transparent;background-repeat:no-repeat}.slider-menu-back span,.slider-menu-children>a::before{background-image:url(../img/arrow.svg)}}

• Exclude checks
  • Disable engine
  • Disable check

Unknown property 'mask-size'.

Open

.slider-menu{background-color:#fff;font-size:13px;font-weight:600;text-transform:uppercase}.slider-menu li{border-bottom:1px solid rgba(37,37,37,.1)}.slider-menu li:last-child{border-bottom:0}.slider-menu a{color:#252525;display:block;padding:10px 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s}.slider-menu a span{color:#00a52b;display:inline-block;font-size:.8em;font-weight:400;margin-left:5px;text-transform:none;-webkit-transition:color .2s;transition:color .2s;vertical-align:middle}.slider-menu a span::before{content:'- '}.slider-menu a:active,.slider-menu a:hover{color:#fff}.slider-menu a:active span,.slider-menu a:hover span{color:#fff}.slider-menu a:hover{background-color:#00a52b}.slider-menu a:active{background-color:#252525}.slider-menu-back{background-color:rgba(0,165,43,.05);color:#252525;font-weight:300;padding-bottom:13px;padding-top:12px;-webkit-transition:color .2s;transition:color .2s}.slider-menu-back span{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:rgba(37,37,37,.3);color:transparent;display:block;height:16px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;text-indent:-9999px;width:16px}.slider-menu-back:hover span{background-color:#fff}.slider-menu-children>a::before{background-color:#252525;content:'';display:block;float:right;height:12px;margin-top:4px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;-webkit-transition:margin-top .2s,-webkit-transform .2s;transition:margin-top .2s,-webkit-transform .2s;transition:transform .2s,margin-top .2s;transition:transform .2s,margin-top .2s,-webkit-transform .2s;width:12px}.slider-menu-children>a:hover::before{background-color:#fff}[data-vertical=true] ul{background-color:rgba(0,165,43,.05)}[data-vertical=true] ul a{color:#00a52b;font-size:12px;font-weight:300;text-transform:none}[data-vertical=true] ul a:hover{color:#fff}[data-vertical=true] li{border-color:rgba(0,165,43,.1)}[data-vertical=true].slider-menu-children>a::before{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-top:6px}[data-vertical=true].slider-menu-children>a.slider-menu-open{background-color:#00a52b;color:#fff}[data-vertical=true].slider-menu-children>a.slider-menu-open::before{-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;margin-top:4px}@-moz-document url-prefix(){.slider-menu-back span,.slider-menu-back:hover span,.slider-menu-children>a::before,.slider-menu-children>a:hover::before,[data-vertical=true].slider-menu-children>a.slider-menu-open::before{background-color:transparent;background-repeat:no-repeat}.slider-menu-back span,.slider-menu-children>a::before{background-image:url(../img/arrow.svg)}}

• Exclude checks
  • Disable engine
  • Disable check

Avoid vendor prefixes.

Open

    -webkit-mask-size: cover;

• Exclude checks
  • Disable engine
  • Disable check

Rule doesn't have all its properties in alphabetical order.

Open

.slider-menu{background-color:#fff;font-size:13px;font-weight:600;text-transform:uppercase}.slider-menu li{border-bottom:1px solid rgba(37,37,37,.1)}.slider-menu li:last-child{border-bottom:0}.slider-menu a{color:#252525;display:block;padding:10px 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s}.slider-menu a span{color:#00a52b;display:inline-block;font-size:.8em;font-weight:400;margin-left:5px;text-transform:none;-webkit-transition:color .2s;transition:color .2s;vertical-align:middle}.slider-menu a span::before{content:'- '}.slider-menu a:active,.slider-menu a:hover{color:#fff}.slider-menu a:active span,.slider-menu a:hover span{color:#fff}.slider-menu a:hover{background-color:#00a52b}.slider-menu a:active{background-color:#252525}.slider-menu-back{background-color:rgba(0,165,43,.05);color:#252525;font-weight:300;padding-bottom:13px;padding-top:12px;-webkit-transition:color .2s;transition:color .2s}.slider-menu-back span{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:rgba(37,37,37,.3);color:transparent;display:block;height:16px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;text-indent:-9999px;width:16px}.slider-menu-back:hover span{background-color:#fff}.slider-menu-children>a::before{background-color:#252525;content:'';display:block;float:right;height:12px;margin-top:4px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;-webkit-transition:margin-top .2s,-webkit-transform .2s;transition:margin-top .2s,-webkit-transform .2s;transition:transform .2s,margin-top .2s;transition:transform .2s,margin-top .2s,-webkit-transform .2s;width:12px}.slider-menu-children>a:hover::before{background-color:#fff}[data-vertical=true] ul{background-color:rgba(0,165,43,.05)}[data-vertical=true] ul a{color:#00a52b;font-size:12px;font-weight:300;text-transform:none}[data-vertical=true] ul a:hover{color:#fff}[data-vertical=true] li{border-color:rgba(0,165,43,.1)}[data-vertical=true].slider-menu-children>a::before{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-top:6px}[data-vertical=true].slider-menu-children>a.slider-menu-open{background-color:#00a52b;color:#fff}[data-vertical=true].slider-menu-children>a.slider-menu-open::before{-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;margin-top:4px}@-moz-document url-prefix(){.slider-menu-back span,.slider-menu-back:hover span,.slider-menu-children>a::before,.slider-menu-children>a:hover::before,[data-vertical=true].slider-menu-children>a.slider-menu-open::before{background-color:transparent;background-repeat:no-repeat}.slider-menu-back span,.slider-menu-children>a::before{background-image:url(../img/arrow.svg)}}

• Exclude checks
  • Disable engine
  • Disable check

Avoid vendor prefixes.

Open

    -moz-mask-size: cover;

• Exclude checks
  • Disable engine
  • Disable check

Rule doesn't have all its properties in alphabetical order.

Open

.slider-menu{background-color:#fff;font-size:13px;font-weight:600;text-transform:uppercase}.slider-menu li{border-bottom:1px solid rgba(37,37,37,.1)}.slider-menu li:last-child{border-bottom:0}.slider-menu a{color:#252525;display:block;padding:10px 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s}.slider-menu a span{color:#00a52b;display:inline-block;font-size:.8em;font-weight:400;margin-left:5px;text-transform:none;-webkit-transition:color .2s;transition:color .2s;vertical-align:middle}.slider-menu a span::before{content:'- '}.slider-menu a:active,.slider-menu a:hover{color:#fff}.slider-menu a:active span,.slider-menu a:hover span{color:#fff}.slider-menu a:hover{background-color:#00a52b}.slider-menu a:active{background-color:#252525}.slider-menu-back{background-color:rgba(0,165,43,.05);color:#252525;font-weight:300;padding-bottom:13px;padding-top:12px;-webkit-transition:color .2s;transition:color .2s}.slider-menu-back span{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:rgba(37,37,37,.3);color:transparent;display:block;height:16px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;text-indent:-9999px;width:16px}.slider-menu-back:hover span{background-color:#fff}.slider-menu-children>a::before{background-color:#252525;content:'';display:block;float:right;height:12px;margin-top:4px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;-webkit-transition:margin-top .2s,-webkit-transform .2s;transition:margin-top .2s,-webkit-transform .2s;transition:transform .2s,margin-top .2s;transition:transform .2s,margin-top .2s,-webkit-transform .2s;width:12px}.slider-menu-children>a:hover::before{background-color:#fff}[data-vertical=true] ul{background-color:rgba(0,165,43,.05)}[data-vertical=true] ul a{color:#00a52b;font-size:12px;font-weight:300;text-transform:none}[data-vertical=true] ul a:hover{color:#fff}[data-vertical=true] li{border-color:rgba(0,165,43,.1)}[data-vertical=true].slider-menu-children>a::before{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-top:6px}[data-vertical=true].slider-menu-children>a.slider-menu-open{background-color:#00a52b;color:#fff}[data-vertical=true].slider-menu-children>a.slider-menu-open::before{-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;margin-top:4px}@-moz-document url-prefix(){.slider-menu-back span,.slider-menu-back:hover span,.slider-menu-children>a::before,.slider-menu-children>a:hover::before,[data-vertical=true].slider-menu-children>a.slider-menu-open::before{background-color:transparent;background-repeat:no-repeat}.slider-menu-back span,.slider-menu-children>a::before{background-image:url(../img/arrow.svg)}}

• Exclude checks
  • Disable engine
  • Disable check

Rule doesn't have all its properties in alphabetical order.

Open

.slider-menu{background-color:#fff;font-size:13px;font-weight:600;text-transform:uppercase}.slider-menu li{border-bottom:1px solid rgba(37,37,37,.1)}.slider-menu li:last-child{border-bottom:0}.slider-menu a{color:#252525;display:block;padding:10px 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s}.slider-menu a span{color:#00a52b;display:inline-block;font-size:.8em;font-weight:400;margin-left:5px;text-transform:none;-webkit-transition:color .2s;transition:color .2s;vertical-align:middle}.slider-menu a span::before{content:'- '}.slider-menu a:active,.slider-menu a:hover{color:#fff}.slider-menu a:active span,.slider-menu a:hover span{color:#fff}.slider-menu a:hover{background-color:#00a52b}.slider-menu a:active{background-color:#252525}.slider-menu-back{background-color:rgba(0,165,43,.05);color:#252525;font-weight:300;padding-bottom:13px;padding-top:12px;-webkit-transition:color .2s;transition:color .2s}.slider-menu-back span{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:rgba(37,37,37,.3);color:transparent;display:block;height:16px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;text-indent:-9999px;width:16px}.slider-menu-back:hover span{background-color:#fff}.slider-menu-children>a::before{background-color:#252525;content:'';display:block;float:right;height:12px;margin-top:4px;-moz-mask-image:url(../img/arrow.svg);-webkit-mask-image:url(../img/arrow.svg);mask-image:url(../img/arrow.svg);-moz-mask-size:cover;-webkit-mask-size:cover;mask-size:cover;-webkit-transition:margin-top .2s,-webkit-transform .2s;transition:margin-top .2s,-webkit-transform .2s;transition:transform .2s,margin-top .2s;transition:transform .2s,margin-top .2s,-webkit-transform .2s;width:12px}.slider-menu-children>a:hover::before{background-color:#fff}[data-vertical=true] ul{background-color:rgba(0,165,43,.05)}[data-vertical=true] ul a{color:#00a52b;font-size:12px;font-weight:300;text-transform:none}[data-vertical=true] ul a:hover{color:#fff}[data-vertical=true] li{border-color:rgba(0,165,43,.1)}[data-vertical=true].slider-menu-children>a::before{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-top:6px}[data-vertical=true].slider-menu-children>a.slider-menu-open{background-color:#00a52b;color:#fff}[data-vertical=true].slider-menu-children>a.slider-menu-open::before{-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:#fff;margin-top:4px}@-moz-document url-prefix(){.slider-menu-back span,.slider-menu-back:hover span,.slider-menu-children>a::before,.slider-menu-children>a:hover::before,[data-vertical=true].slider-menu-children>a.slider-menu-open::before{background-color:transparent;background-repeat:no-repeat}.slider-menu-back span,.slider-menu-children>a::before{background-image:url(../img/arrow.svg)}}

• Exclude checks
  • Disable engine
  • Disable check

Avoid vendor prefixes.

Open

    -moz-mask-size: cover;

• Exclude checks
  • Disable engine
  • Disable check