app/assets/stylesheets/vendor/foundation/components/_top-bar.scss
Expected item on line 363 to appear before line 360. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets Open
Open
@include button-style($bg:$primary-color);- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&.parent-link {- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
h1, h2, h3, h4, p, span {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.has-dropdown.moved > .dropdown,- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
> a {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&.button.success { @include button-style($bg:$success-color); }- Exclude checks
Rule declaration should be followed by an empty line Open
Open
&.warning { @include button-style($bg:$warning-color); }- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&.info { @include button-style($bg:$info-color); }- Exclude checks
Merge rule &.button.success with rule on line 345 Open
Open
&.button.success { @include button-style($bg:$success-color); }- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
&.parent-link {- Exclude checks
Prefer single quoted strings Open
Open
$topbar-sticky-class: ".sticky" !default;- Exclude checks
Line contains trailing whitespace Open
Open
input, - Exclude checks
Line contains trailing whitespace Open
Open
input, - Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
span::after {- Exclude checks
Expected item on line 349 to appear before line 346. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets Open
Open
@include button-style($bg:$primary-color);- Exclude checks
Merge rule &.button.secondary with rule on line 345 Open
Open
&.button.secondary { @include button-style($bg:$secondary-color); }- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&:hover:not(.has-form) > a {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&.active > a {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
a {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&.title h5,- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.button,- Exclude checks
Property '#<:script::tree::interpolation:0x000055d4f60f9878>' should be placed on separate line from selector</:script::tree::interpolation:0x000055d4f60f9878> Open
Open
li .dropdown { #{$default-float}: 100%; }- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
h1, h2, h3, h4, p, span {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&.button {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
&.secondary { @include button-style($bg:$secondary-color); }- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&:hover {- Exclude checks
Begin pseudo elements with double colons: :: Open
Open
&:after {- Exclude checks
Colon after property should be followed by one space Open
Open
&:hover { background:none; }- Exclude checks
Rule declaration should be followed by an empty line Open
Open
.title-area { float: $default-float; }- Exclude checks
Commas in mixin arguments should be followed by one space Open
Open
@include single-transition(none,0,0);- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
.js-generated { display: none; }- Exclude checks
Property 'display' should be placed on separate line from selector Open
Open
.js-generated { display: none; }- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
&:hover {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
ul li {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
&:active > a {- Exclude checks
Expected item on line 312 to appear before line 309. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets Open
Open
@include single-transition($default-float, $topbar-transition-speed);- Exclude checks
Rule declaration should be followed by an empty line Open
Open
&.button.success { @include button-style($bg:$success-color); }- Exclude checks
Rule declaration should be followed by an empty line Open
Open
&.button.alert { @include button-style($bg:$alert-color); }- Exclude checks
Merge rule &.button.info with rule on line 345 Open
Open
&.button.info { @include button-style($bg:$info-color); }- Exclude checks
Property 'display' should be placed on separate line from selector Open
Open
.js-generated { display: block; }- Exclude checks
Begin pseudo elements with double colons: :: Open
Open
&:after {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.dropdown {- Exclude checks
$topbar-link-padding+rem-calc(25) should be written with a single space on each side of the operator: $topbar-link-padding + rem-calc(25) Open
Open
padding: 0 $topbar-link-padding+rem-calc(25) 0 $topbar-link-padding;- Exclude checks
Merge rule &.button.alert with rule on line 345 Open
Open
&.button.alert { @include button-style($bg:$alert-color); }- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&.secondary { @include button-style($bg:$secondary-color); }- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&.warning { @include button-style($bg:$warning-color); }- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
&:hover { background:none; }- Exclude checks
Commas in mixin arguments should be followed by one space Open
Open
@include single-transition(none,0,0);- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.js-generated { display: none; }- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
> a {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 6 Open
Open
li .dropdown { #{$default-float}: 100%; }- Exclude checks
Prefer single quoted strings Open
Open
font-family: "/" + unquote($topbar-media-query) + "/";- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
h1, h2, h3, h4, p, span {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
> button {- Exclude checks
Begin pseudo elements with double colons: :: Open
Open
&:after {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 6 Open
Open
li .dropdown { #{$opposite-direction}: 100%; }- Exclude checks
Use // comments everywhere Open
Open
/* Wrapped around .top-bar to contain to grid width */- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&.button.alert { @include button-style($bg:$alert-color); }- Exclude checks
Rule declaration should be followed by an empty line Open
Open
&.success { @include button-style($bg:$success-color); }- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&.alert { @include button-style($bg:$alert-color); }- Exclude checks
Property 'float' should be placed on separate line from selector Open
Open
.title-area { float: $default-float; }- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Properties should be ordered background, width Open
Open
width: 100%;- Exclude checks
Merge rule ul li with rule on line 314 Open
Open
ul li {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&.button.warning { @include button-style($bg:$warning-color); }- Exclude checks
Rule declaration should be followed by an empty line Open
Open
&.button.warning { @include button-style($bg:$warning-color); }- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&.success { @include button-style($bg:$success-color); }- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&:hover > a:not(.button) {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
> .dropdown {- Exclude checks
Prefer single quoted strings Open
Open
@include exports("top-bar") {- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
h1, h2, h3, h4, p, span {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
a {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
&.button.secondary { @include button-style($bg:$secondary-color); }- Exclude checks
Nesting should be no greater than 5, but was 6 Open
Open
&:hover { background:none; }- Exclude checks
Property 'background' should be placed on separate line from selector Open
Open
&:hover { background:none; }- Exclude checks
border-top: 0 is preferred over border-top: none Open
Open
border-top: none;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
li .dropdown {- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
.button, button {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.has-dropdown:not(.moved) > ul {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.name h1 a,- Exclude checks
Property 'width' should be placed on separate line from selector Open
Open
.name h6 a { width: auto; }- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.dropdown li.has-dropdown {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
label {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
li .dropdown {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&.button.info { @include button-style($bg:$info-color); }- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
a {- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
> .dropdown {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
> a:not(.button) {- Exclude checks
Prefer single quoted strings Open
Open
font-family: "/" + unquote($topbar-media-query) + "/";- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&.button.secondary { @include button-style($bg:$secondary-color); }- Exclude checks
Rule declaration should be followed by an empty line Open
Open
&.alert { @include button-style($bg:$alert-color); }- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
a {- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
h1, h2, h3, h4, p, span {- Exclude checks
Merge rule &.button.warning with rule on line 345 Open
Open
&.button.warning { @include button-style($bg:$warning-color); }- Exclude checks
Begin pseudo elements with double colons: :: Open
Open
> a:after {- Exclude checks
Properties should be ordered font-size, margin-bottom, margin-top Open
Open
margin-bottom: 0;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
&:hover { background:none; }- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
&:after {- Exclude checks
Prefer single quoted strings Open
Open
content: "\00bb";- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
a {- Exclude checks
Property 'display' should be placed on separate line from selector Open
Open
.toggle-topbar { display: none; }- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
&:hover {- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
&:after {- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
&.hover, &.not-click:hover {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
> a:focus + .dropdown {- Exclude checks
Line contains trailing whitespace Open
Open
position: relative; - Exclude checks
border: 0 is preferred over border: none Open
Open
border: none;- Exclude checks
border-bottom: 0 is preferred over border-bottom: none Open
Open
border-bottom: none;- Exclude checks
Property '#<:script::tree::interpolation:0x000055d4f60d8588>' should be placed on separate line from selector</:script::tree::interpolation:0x000055d4f60d8588> Open
Open
li .dropdown { #{$opposite-direction}: 100%; }- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
&:hover > a {- Exclude checks