3scale/porta

Avoid using id selectors

Open

#flashWrapper {

• Exclude checks
  • Disable engine
  • Disable check

Begin pseudo elements with double colons: ::

Open

    &:before {

• Exclude checks
  • Disable engine
  • Disable check

Begin pseudo elements with double colons: ::

Open

    &:before {

• Exclude checks
  • Disable engine
  • Disable check

Property font-size already defined on line 18

Open

  font-size: calculateRem($size);

• Exclude checks
  • Disable engine
  • Disable check

0.5 should be written without a leading zero as .5

Open

    @include padding-leader(0.5);

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces before ) instead of

Open

        @include animation( unfocus 1s ease-out 10s forwards );

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered border-color, border-left, margin-left, min-height, padding-left

Open

  border-left: 5px solid transparent;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  @include establish-baseline;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

header, main {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background-color, border-color, color, cursor, float, font-size, line-height, text-decoration

Open

  text-decoration: none;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  background-color: white;

• Exclude checks
  • Disable engine
  • Disable check

Prefer single quoted strings

Open

@import "compass";

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  @include border-radius(6px);

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered clear, display, float, width

Open

  display: block;

• Exclude checks
  • Disable engine
  • Disable check

0.5 should be written without a leading zero as .5

Open

    @include trailer(-0.5);

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces before ) instead of

Open

      @include animation( reveal 1s ease-out 1s forwards );

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        * {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered color, display

Open

  display: block;

• Exclude checks
  • Disable engine
  • Disable check

Begin pseudo elements with double colons: ::

Open

    &:before {

• Exclude checks
  • Disable engine
  • Disable check

Prefer single quoted strings

Open

@import "provider/logo";

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered border-color, display, float, height, line-height, text-align, width

Open

  display: block;

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces before ) instead of

Open

        @include animation( unfocus 1s ease-out 5s forwards );

• Exclude checks
  • Disable engine
  • Disable check

0.2 should be written without a leading zero as .2

Open

          @include animation( clean 0.2s ease-out 0 forwards );

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces after ( instead of

Open

        @include animation( unfocus 1s ease-out 10s forwards );

• Exclude checks
  • Disable engine
  • Disable check

0.2 should be written without a leading zero as .2

Open

          @include animation( clean 0.2s ease-out 0 forwards );

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

• Exclude checks
  • Disable engine
  • Disable check

Prefer single quoted strings

Open

@import "compass/reset";

• Exclude checks
  • Disable engine
  • Disable check

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

Open

a, .link {

• Exclude checks
  • Disable engine
  • Disable check

Declaration should be terminated by a semicolon

Open

      content: 'e.g. '

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces after ( instead of

Open

      @include animation( reveal 1s ease-out 5s forwards );

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered color, content

Open

    content: '/';

• Exclude checks
  • Disable engine
  • Disable check

Merge rule .code-example__params.code-example--optional with rule on line 464

Open

  .code-example__params.code-example--optional {

• Exclude checks
  • Disable engine
  • Disable check

Unnecessary parent selector (&)

Open

  &>[class*="fa-li"] {

• Exclude checks
  • Disable engine
  • Disable check

border: 0 is preferred over border: none

Open

  border: none;

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces after ( instead of

Open

          @include animation( clean 0.2s ease-out 0 forwards );

• Exclude checks
  • Disable engine
  • Disable check

Begin pseudo elements with double colons: ::

Open

  .code-example--slash:after {

• Exclude checks
  • Disable engine
  • Disable check

Empty rule

Open

  .fa-hdd-o {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered border, border-bottom, height, margin

Open

  height: 24px;

• Exclude checks
  • Disable engine
  • Disable check

Merge rule h1 + p with rule on line 126

Open

h1 + p {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  @include trailer(1);

• Exclude checks
  • Disable engine
  • Disable check

Shorthand form for property padding should be written more concisely as 0 instead of 0 0 0 0

Open

  padding: 0 0 0 0;

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces before ) instead of

Open

          @include animation( clean 0.2s ease-out 0 forwards );

• Exclude checks
  • Disable engine
  • Disable check

Begin pseudo elements with double colons: ::

Open

  .feedback--inactive .code-example--slash:after {

• Exclude checks
  • Disable engine
  • Disable check

Declaration should be terminated by a semicolon

Open

    border-color: $feedback-color-success

• Exclude checks
  • Disable engine
  • Disable check

Shorthand form for property padding should be written more concisely as 4px 0 instead of 4px 0 4px 0

Open

    padding: 4px 0 4px 0;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  @include padding-leader;

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces after ( instead of

Open

          @include animation( clean 0.2s ease-out 0 forwards );

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces before ) instead of

Open

      @include animation( reveal 1s ease-out 5s forwards );

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered color, content

Open

      content: '(';

• Exclude checks
  • Disable engine
  • Disable check

Prefer single quoted strings

Open

@import "font-awesome";

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  background-color: white;

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces before ) instead of

Open

          @include animation( clean 0.2s ease-out 0 forwards );

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  @include padding-trailer(3);

• Exclude checks
  • Disable engine
  • Disable check

border: 0 is preferred over border: none

Open

  border: none;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered border-color, color

Open

  color: $color-disabled;

• Exclude checks
  • Disable engine
  • Disable check

Begin pseudo elements with double colons: ::

Open

  &:after {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  @include trailer(1);

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    @include trailer(-0.5);

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  @include rhythm-borders;

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces after ( instead of

Open

      @include animation( reveal 1s ease-out 1s forwards );

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces after ( instead of

Open

      @include animation( reveal 1s ease-out 10s forwards );

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered color, content

Open

      content: '?';

• Exclude checks
  • Disable engine
  • Disable check

Begin pseudo elements with double colons: ::

Open

    &:after {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered color, content

Open

      content: ')';

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered margin, max-width, min-width, position, text-align

Open

  text-align: left;

• Exclude checks
  • Disable engine
  • Disable check

Declaration should be terminated by a semicolon

Open

  color: $color-failure

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background-color, border, border-color, color, float, font-size, height, padding, text-decoration, width

Open

  text-decoration: none;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered padding-left, text-align, width

Open

      text-align: left;

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces before ) instead of

Open

      @include animation( reveal 1s ease-out 1s forwards );

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces after ( instead of

Open

      @include animation( reveal 1s ease-out 1s forwards );

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  @include adjust-font-size-to(14px);

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    @include opacity(1);

• Exclude checks
  • Disable engine
  • Disable check

Prefer single quoted strings

Open

$rhythm-unit: "rem";

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered color, font-family, font-size, line-height

Open

  font-family: $font-family-text;

• Exclude checks
  • Disable engine
  • Disable check

Shorthand form for property margin should be written more concisely as 0 instead of 0 0 0 0

Open

  margin: 0 0 0 0;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered color, line-height, position, right, top, z-index

Open

  position: absolute;

• Exclude checks
  • Disable engine
  • Disable check

Begin pseudo elements with double colons: ::

Open

.button--next:after {

• Exclude checks
  • Disable engine
  • Disable check

Prefer single quoted strings

Open

  content: " ›";

• Exclude checks
  • Disable engine
  • Disable check

Shorthand form for property padding should be written more concisely as 0 instead of 0 0 0 0

Open

  padding: 0 0 0 0;

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces after ( instead of

Open

      @include animation( reveal 1s ease-out 5s forwards );

• Exclude checks
  • Disable engine
  • Disable check

Begin pseudo elements with double colons: ::

Open

    &:before {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered background-color, font-size, margin-left, margin-top, padding, width

Open

    font-size: 40px;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    background-color: white;

• Exclude checks
  • Disable engine
  • Disable check

Prefer single quoted strings

Open

@import "compass/css3/box-sizing";

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  @include adjust-font-size-to($font-size-xx-large);

• Exclude checks
  • Disable engine
  • Disable check

Merge rule input[type="text"] with rule on line 220

Open

input[type="text"] {

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered float, margin, padding

Open

  margin: 0 0 0 0;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered left, position, top

Open

    position: relative;

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered display, max-height, overflow-y

Open

  overflow-y: auto;

• Exclude checks
  • Disable engine
  • Disable check

Prefer single quoted strings

Open

@import "provider/typography";

• Exclude checks
  • Disable engine
  • Disable check

Prefer single quoted strings

Open

@import "provider/flash";

• Exclude checks
  • Disable engine
  • Disable check

Properties should be ordered color, float, font-style, width

Open

  float: right;

• Exclude checks
  • Disable engine
  • Disable check

border: 0 is preferred over border: none

Open

  border: none;

• Exclude checks
  • Disable engine
  • Disable check

Shorthand form for property margin should be written more concisely as 0 instead of 0 0 0 0

Open

  margin: 0 0 0 0;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      * {

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces after ( instead of

Open

        @include animation( unfocus 1s ease-out 5s forwards );

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        * {

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces before ) instead of

Open

      @include animation( reveal 1s ease-out 5s forwards );

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      * {

• Exclude checks
  • Disable engine
  • Disable check

Expected 0 spaces before ) instead of

Open

      @include animation( reveal 1s ease-out 10s forwards );

• Exclude checks
  • Disable engine
  • Disable check