MidnightRiders/MemberPortal

View on GitHub
app/assets/stylesheets/vendor/foundation/components/_icon-bar.scss

Summary

Maintainability
Test Coverage

Line should be indented 2 spaces, but was indented 4 spaces
Open

    @include icon-bar-style($bar-bg, $bar-font-color, $bar-font-color-hover, $bar-hover-color, $bar-icon-color, $bar-icon-color-hover, $bar-active-color, $base-style, $disabled);

Rule declaration should be followed by an empty line
Open

  }

Line should be indented 8 spaces, but was indented 9 spaces
Open

         width: auto;

Each selector in a comma sequence should be on its own single line
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Each selector in a comma sequence should be on its own single line
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Property 'width' should be placed on separate line from selector
Open

      .item { width: 16.66667%; }

Rule declaration should be followed by an empty line
Open

      }

Rule declaration should be followed by an empty line
Open

  }

Properties should be ordered cursor, opacity
Open

        opacity: $icon-bar-disabled-opacity;

Property 'width' should be placed on separate line from selector
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Property 'width' should be placed on separate line from selector
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Property 'width' should be placed on separate line from selector
Open

    .item { width: 25%; }

Rule declaration should be followed by an empty line
Open

    .item { width: 14.28571%; }

Rule declaration should be followed by an empty line
Open

      .item { width: 50%; }

Each selector in a comma sequence should be on its own single line
Open

    i, img {

Line should be indented 2 spaces, but was indented 4 spaces
Open

    @include icon-bar-base();

Property 'width' should be placed on separate line from selector
Open

    .item { width: 33.3333%; }

Rule declaration should be followed by an empty line
Open

  }

Rule declaration should be followed by an empty line
Open

    }

Property 'width' should be placed on separate line from selector
Open

      .item { width: 33.3333%; }

Property 'width' should be placed on separate line from selector
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

      .item { width: 16.66667%; }

Rule declaration should be followed by an empty line
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Property 'color' should be placed on separate line from selector
Open

      i { color: $bar-icon-color-hover; }

Rule declaration should be followed by an empty line
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Unnecessary parent selector (&)
Open

      & + label {

Rule declaration should be followed by an empty line
Open

    }

Each selector in a comma sequence should be on its own single line
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be followed by an empty line
Open

      }

Property 'width' should be placed on separate line from selector
Open

      .item { width: 14.28571%; }

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be followed by an empty line
Open

    }

Property 'width' should be placed on separate line from selector
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

    .item { width: 12.5%; }

Property 'width' should be placed on separate line from selector
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

      }

Each selector in a comma sequence should be on its own single line
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

      .item { width: 12.5%; }

Property 'color' should be placed on separate line from selector
Open

      label { color: $bar-font-color-hover; }

Rule declaration should be followed by an empty line
Open

    .item { width: 33.3333%; }

Property 'width' should be placed on separate line from selector
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Property 'width' should be placed on separate line from selector
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Property 'width' should be placed on separate line from selector
Open

      .item { width: 20%; }

Property 'width' should be placed on separate line from selector
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Property 'color' should be placed on separate line from selector
Open

      i { color: $bar-icon-color; }

Rule declaration should be followed by an empty line
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Property 'width' should be placed on separate line from selector
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Property 'width' should be placed on separate line from selector
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Property 'width' should be placed on separate line from selector
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Property 'width' should be placed on separate line from selector
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Property 'display' should be placed on separate line from selector
Open

    label { display: inline-block; }

Each selector in a comma sequence should be on its own single line
Open

  &.vertical, &.small-vertical{

Property 'color' should be placed on separate line from selector
Open

      label { color: $bar-font-color; }

Property 'width' should be placed on separate line from selector
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Each selector in a comma sequence should be on its own single line
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Each selector in a comma sequence should be on its own single line
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

      .item { width: 20%; }

Rule declaration should be followed by an empty line
Open

      .item { width: 14.28571%; }

Rule declaration should be followed by an empty line
Open

      }

Rule declaration should be followed by an empty line
Open

    .item { width: 50%; }

Rule declaration should be followed by an empty line
Open

  }

Each selector in a comma sequence should be on its own single line
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

    }

Each selector in a comma sequence should be on its own single line
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

    .item { width: 16.66667%; }

Rule declaration should be followed by an empty line
Open

  }

Property 'width' should be placed on separate line from selector
Open

      .item { width: 50%; }

Rule declaration should be followed by an empty line
Open

    }

Unnecessary parent selector (&)
Open

      & + label {

Property 'color' should be placed on separate line from selector
Open

      i { color: $bar-icon-color-hover; }

Rule declaration should be preceded by an empty line
Open

      >* {

Property 'width' should be placed on separate line from selector
Open

    .item { width: 20%; }

Rule declaration should be followed by an empty line
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Line should be indented 8 spaces, but was indented 12 spaces
Open

            width: auto;

Each selector in a comma sequence should be on its own single line
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Each selector in a comma sequence should be on its own single line
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Properties should be ordered font-size, margin-top
Open

        margin-top: .0625rem;

Property 'color' should be placed on separate line from selector
Open

      label { color: $bar-font-color-hover; }

Rule declaration should be followed by an empty line
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Property 'width' should be placed on separate line from selector
Open

    .item { width: 14.28571%; }

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be followed by an empty line
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

      .item { width: 33.3333%; }

Rule declaration should be followed by an empty line
Open

      }

Property 'width' should be placed on separate line from selector
Open

      .item { width: 25%; }

Each selector in a comma sequence should be on its own single line
Open

    i, img {

Opening curly brace { should be preceded by one space
Open

  &.vertical, &.small-vertical{

Property 'width' should be placed on separate line from selector
Open

    .item { width: 50%; }

Each selector in a comma sequence should be on its own single line
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

    .item { width: 25%; }

Rule declaration should be followed by an empty line
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Line should be indented 8 spaces, but was indented 12 spaces
Open

            width: auto;

Rule declaration should be followed by an empty line
Open

  }

Prefer single quoted strings
Open

@include exports("icon-bar") {

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be followed by an empty line
Open

    .item { width: 20%; }

Property 'width' should be placed on separate line from selector
Open

    .item { width: 16.66667%; }

Each selector in a comma sequence should be on its own single line
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Line should be indented 8 spaces, but was indented 9 spaces
Open

         width: auto;

Property 'width' should be placed on separate line from selector
Open

    .item { width: 12.5%; }

Rule declaration should be followed by an empty line
Open

      .item { width: 25%; }

Rule declaration should be followed by an empty line
Open

      }

Rule declaration should be followed by an empty line
Open

    }

Each selector in a comma sequence should be on its own single line
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Property 'width' should be placed on separate line from selector
Open

      .item { width: 12.5%; }

Unnecessary parent selector (&)
Open

      & + label {

Each selector in a comma sequence should be on its own single line
Open

    i, img {

Line should be indented 2 spaces, but was indented 4 spaces
Open

    @include icon-bar-size($padding, $font-size, $icon-size, $image-width, $image-height);

Each selector in a comma sequence should be on its own single line
Open

    &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be followed by an empty line
Open

  }

Rule declaration should be followed by an empty line
Open

      }

Rule declaration should be followed by an empty line
Open

    }

Property 'width' should be placed on separate line from selector
Open

      &.vertical .item, &.small-vertical .item { width: auto; }

Rule declaration should be followed by an empty line
Open

    }

There are no issues that match your filters.

Category
Status