beavyHQ/beavy

View on GitHub
beavy/jsbeavy/components/MainMenu.scss

Summary

Maintainability
Test Coverage

Selector navigationNav should be written in lowercase with hyphens
Open

.navigationNav {

Properties should be ordered clear, display, margin, overflow, padding, -webkit-transform-style, width, z-index
Open

  -webkit-transform-style: preserve-3d; // stop webkit flicker

Avoid vendor prefixes.
Open

  -webkit-transform-style: preserve-3d; // stop webkit flicker

Expected item on line 100 to appear before line 96. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets
Open

  @include media ($main-navigation-horizontal-bar-mode) {

0.6 should be written without a leading zero as .6
Open

        padding-right: 0.6em;

Selector navigationTools should be written in lowercase with hyphens
Open

.navigationTools {

0.3 should be written without a leading zero as .3
Open

$main-navigation-color: transparentize(white, 0.3) !default;

Selector navigationMenuButton should be written in lowercase with hyphens
Open

.navigationMenuButton {

Avoid qualifying attribute selectors with an element.
Open

    input[type=search] {

Properties should be ordered background, border, border-radius, color, font-size, font-style, margin, padding, width
Open

      border-radius: $base-border-radius * 2;

Prefer single quoted strings
Open

@import "main";

Selector navigationMenu should be written in lowercase with hyphens
Open

.navigationMenu {

Rule declaration should be followed by an empty line
Open

    }

Begin pseudo elements with double colons: ::
Open

      > a:after {

0.7 should be written without a leading zero as .7
Open

        padding-bottom: 0.7em;

Nesting should be no greater than 3, but was 4
Open

      > ul > li:first-child a  {

Nesting should be no greater than 3, but was 4
Open

      > a:after {

Selector searchBar should be written in lowercase with hyphens
Open

.searchBar {

Selector should have depth of applicability no greater than 3, but was 5
Open

      > ul > li:first-child a  {

0.2 should be written without a leading zero as .2
Open

      left: $main-navigation-submenu-width - 0.2em;

Color literals like #505050 should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  background: #505050;

0.3 should be written without a leading zero as .3
Open

      top: 0.3em;

Nesting should be no greater than 3, but was 4
Open

      a {

Begin pseudo elements with double colons: ::
Open

    &:after {

0.6 should be written without a leading zero as .6
Open

  padding: 0.85em 0.85em 0.7em 0.6em;

0.5 should be written without a leading zero as .5
Open

      padding: 0.5em 0.8em;

Color white should be written in hexadecimal form as #ffffff
Open

$main-navigation-color-hover: white !default;

Color white should be written in hexadecimal form as #ffffff
Open

$main-navigation-active-link-color: transparentize(white, 0.5) !default;

Nesting should be no greater than 3, but was 4
Open

      > a {

Avoid qualifying class selectors with an element.
Open

a.active {

0.9 should be written without a leading zero as .9
Open

      font-size: 0.9em;

0.5 should be written without a leading zero as .5
Open

$main-navigation-active-link-color: transparentize(white, 0.5) !default;

0.3 should be written without a leading zero as .3
Open

      bottom: 0.3em;

@include declaration should be followed by an empty line
Open

  }

Nesting should be no greater than 3, but was 4
Open

      &:focus,

0.4 should be written without a leading zero as .4
Open

        @include position(absolute, auto -0.4em auto auto);

Expected item on line 201 to appear before line 176. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets
Open

  @include media($main-navigation-horizontal-bar-mode) {

border: 0 is preferred over border: none
Open

      border: none;

0.3 should be written without a leading zero as .3
Open

      right: 0.3em;

Selector should have depth of applicability no greater than 3, but was 4
Open

      img {

0.7 should be written without a leading zero as .7
Open

        opacity: 0.7;

0.8 should be written without a leading zero as .8
Open

    padding-right: 0.8em;

Avoid qualifying attribute selectors with an element.
Open

    button[type=submit] {

Selector navigationWrapper should be written in lowercase with hyphens
Open

.navigationWrapper {

0.7 should be written without a leading zero as .7
Open

  padding: 0.85em 0.85em 0.7em 0.6em;

0.85 should be written without a leading zero as .85
Open

  padding: 0.85em 0.85em 0.7em 0.6em;

0.8 should be written without a leading zero as .8
Open

    padding: 0.8em 0;

Color white should be written in hexadecimal form as #ffffff
Open

$main-navigation-color: transparentize(white, 0.3) !default;

Opening curly brace { should be preceded by one space
Open

      > ul > li:first-child a  {

0.8 should be written without a leading zero as .8
Open

      padding: 0.5em 0.8em;

0.8 should be written without a leading zero as .8
Open

    padding-right: 0.8em;

Properties should be ordered color, content
Open

        content: '\25BE';

0.8 should be written without a leading zero as .8
Open

    padding-right: 0.8em;

0.85 should be written without a leading zero as .85
Open

  padding: 0.85em 0.85em 0.7em 0.6em;

Nesting should be no greater than 3, but was 4
Open

      img {

Expected item on line 321 to appear before line 282. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets
Open

  @include media($main-navigation-horizontal-bar-mode) {

There are no issues that match your filters.

Category
Status