app/assets/stylesheets/vendor/foundation/components/_forms.scss
$bg-lightness > 70% or $bg == yellow should be written with a single space on each side of the operator: $bg-lightness > 70% or $bg == yellow Open
Open
@if $bg-lightness > 70% or $bg == yellow { color: $input-prefix-font-color; }- Exclude checks
Use // comments everywhere Open
Open
/* Styles for required inputs */- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
&.radius {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Rule declaration should be followed by an empty line Open
Open
button { @include radius(0); @include side-radius($default-float, $button-radius); }- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Rule declaration should be followed by an empty line Open
Open
button { @include radius(0); @include side-radius($opposite-direction, $button-round); }- Exclude checks
0.75 should be written without a leading zero as .75 Open
Open
$input-font-color: rgba(0,0,0,0.75) !default;- Exclude checks
Property 'padding' should be placed on separate line from selector Open
Open
.columns { padding: 0; }- Exclude checks
Properties should be ordered color, style, width Open
Open
style: $input-border-style;- Exclude checks
Color yellow should be written in hexadecimal form as #ffff00 Open
Open
@if $bg-lightness < 70% or $bg == yellow { color: $input-error-message-font-color; }- Exclude checks
Rule declaration should be followed by an empty line Open
Open
.postfix.button { @include button-size(false, false); @include postfix(false, false, false, true); }- Exclude checks
Expected item on line 423 to appear before line 420. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets Open
Open
@include form-element;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
input,- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
input,- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
input[type="file"],- Exclude checks
Use // comments everywhere Open
Open
/* HTML5 Number spinners settings */- Exclude checks
0.15 should be written without a leading zero as .15 Open
Open
$input-transition-fade-time: 0.15s !default;- Exclude checks
Property 'padding-#<:script::tree::interpolation:0x000055d4f5deb320>' should be placed on separate line from selector</:script::tree::interpolation:0x000055d4f5deb320> Open
Open
textarea.columns { padding-#{$default-float}: ($form-spacing / 2); }- Exclude checks
Rule declaration should be followed by an empty line Open
Open
.prefix.button.round { @include radius(0); @include side-radius($default-float, $button-round); }- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
textarea[rows] {- Exclude checks
Shorthand form for property margin should be written more concisely as 0 0 $form-spacing instead of 0 0 $form-spacing 0 Open
Open
margin: 0 0 $form-spacing 0;- Exclude checks
Begin pseudo elements with double colons: :: Open
Open
:-moz-placeholder { /* Firefox 18- */- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
input[type="file"],- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
input[type=number] {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Commas in function arguments should be followed by one space Open
Open
$input-font-color: rgba(0,0,0,0.75) !default;- Exclude checks
0.1 should be written without a leading zero as .1 Open
Open
$input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1) !default;- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
span.prefix, label.prefix { @include prefix(); }- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
.error small.error, .error span.error, span.error, small.error {- Exclude checks
Use // comments everywhere Open
Open
/* Attach elements to the beginning or end of an input */- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
span.postfix, label.postfix { @include postfix(); }- Exclude checks
Avoid vendor prefixes. Open
Open
-webkit-transition: border-color $input-transition-fade-time $input-transition-fade-timing-function, background $input-transition-fade-time $input-transition-fade-timing-function;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.prefix { @include radius(0); @include side-radius($default-float, $button-radius); }- Exclude checks
Use // comments everywhere Open
Open
/* Add height value for select elements to match text input height */- Exclude checks
Use // comments everywhere Open
Open
/* Normalize file input width */- Exclude checks
Use // comments everywhere Open
Open
/* We add basic fieldset styling */- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
.error small.error, .error span.error, span.error, small.error {- Exclude checks
Shorthand form for property margin should be written more concisely as 0 0 $form-spacing instead of 0 0 $form-spacing 0 Open
Open
margin: 0 0 $form-spacing 0;- Exclude checks
Color yellow should be written in hexadecimal form as #ffff00 Open
Open
@if $bg-lightness > 70% or $bg == yellow { color: $input-prefix-font-color; }- Exclude checks
@else should be placed on same line as previous curly brace Open
Open
@else { color: $input-prefix-font-color-alt; }- Exclude checks
Use // comments everywhere Open
Open
/* Using forms within rows, we need to set some defaults */- Exclude checks
Use // comments everywhere Open
Open
/* Label Styles */- Exclude checks
Rule declaration should be followed by an empty line Open
Open
.prefix.button.radius { @include radius(0); @include side-radius($default-float, $button-radius); }- Exclude checks
Use // comments everywhere Open
Open
/* We use this to get basic styling on all basic form elements */- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.postfix { @include radius(0); @include side-radius($opposite-direction, $button-round); }- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
&[multiple] {- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
input[type="checkbox"] + label,- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
input[type="number"]::-webkit-inner-spin-button,- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Commas in function arguments should be followed by one space Open
Open
$input-font-color: rgba(0,0,0,0.75) !default;- Exclude checks
@else should be placed on same line as previous curly brace Open
Open
@else if $alignment == inline {- Exclude checks
Properties should be ordered color, style, width Open
Open
style: $input-border-style;- Exclude checks
Properties should be ordered -moz-transition, -ms-transition, -o-transition, -webkit-transition, transition Open
Open
-webkit-transition: border-color $input-transition-fade-time $input-transition-fade-timing-function, background $input-transition-fade-time $input-transition-fade-timing-function;- Exclude checks
Use // comments everywhere Open
Open
/* Respect enforced amount of rows for textarea */- Exclude checks
Avoid vendor prefixes. Open
Open
:-moz-placeholder { /* Firefox 18- */- Exclude checks
Use // comments everywhere Open
Open
::-moz-placeholder { /* Firefox 19+ */- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
input[type="checkbox"],- Exclude checks
Commas in function arguments should be followed by one space Open
Open
$input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1) !default;- Exclude checks
Rule declaration should be followed by an empty line Open
Open
.columns { padding: 0; }- Exclude checks
Use // comments everywhere Open
Open
/* Standard Forms */- Exclude checks
Rule declaration should be followed by an empty line Open
Open
span.prefix, label.prefix { @include prefix(); }- Exclude checks
Shorthand form for property margin should be written more concisely as 0 0 $form-spacing instead of 0 0 $form-spacing 0 Open
Open
margin: 0 0 $form-spacing 0;- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
input[type="checkbox"] + label,- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Commas in function arguments should be followed by one space Open
Open
$input-font-color: rgba(0,0,0,0.75) !default;- Exclude checks
Color yellow should be written in hexadecimal form as #ffff00 Open
Open
@if $bg-lightness > 70% or $bg == yellow { color: $input-prefix-font-color; }- Exclude checks
@else should be placed on same line as previous curly brace Open
Open
@else { color: $input-prefix-font-color-alt; }- Exclude checks
border: 0 is preferred over border: none Open
Open
border: none;- Exclude checks
border: 0 is preferred over border: none Open
Open
border: none;- Exclude checks
Prefer single quoted strings Open
Open
@include exports("form") {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.postfix { @include radius(0); @include side-radius($opposite-direction, $button-radius); }- Exclude checks
Avoid vendor prefixes. Open
Open
::-moz-placeholder { /* Firefox 19+ */- Exclude checks
Use // comments everywhere Open
Open
/* Error Handling */- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
span.error, small.error { display: none; }- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
span.error, small.error {- Exclude checks
Commas in function arguments should be followed by one space Open
Open
$input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1) !default;- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Opening curly brace { should be preceded by one space Open
Open
@mixin form-select {- Exclude checks
Properties should be ordered -moz-appearance, -webkit-appearance, border-radius Open
Open
-webkit-appearance: none;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
input,- Exclude checks
Rule declaration should be followed by an empty line Open
Open
button { @include radius(0); @include side-radius($opposite-direction, $button-radius); }- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
input[type="submit"] {- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
.error small.error, .error span.error, span.error, small.error {- Exclude checks
Declaration should be terminated by a semicolon Open
Open
margin-bottom: $form-spacing- Exclude checks
Property 'padding' should be placed on separate line from selector Open
Open
.columns { padding: 0 ($form-spacing / 2); }- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
&[disabled],- Exclude checks
Property 'margin' should be placed on separate line from selector Open
Open
form { margin: 0 0 $form-spacing; }- Exclude checks
Rule declaration should be followed by an empty line Open
Open
&.right { @include form-label(right, false); }- Exclude checks
Use // comments everywhere Open
Open
/* Adjust padding, alignment and radius if pre/post element is a button */- Exclude checks
Avoid vendor prefixes. Open
Open
-ms-transition: border-color $input-transition-fade-time $input-transition-fade-timing-function, background $input-transition-fade-time $input-transition-fade-timing-function;- Exclude checks
Properties should be ordered -moz-appearance, -webkit-appearance, border-radius Open
Open
-webkit-appearance: none;- Exclude checks
Property 'display' should be placed on separate line from selector Open
Open
span.error, small.error { display: none; }- Exclude checks
Rule declaration should be followed by an empty line Open
Open
.postfix.button.radius { @include radius(0); @include side-radius($opposite-direction, $button-radius); }- Exclude checks
Avoid vendor prefixes. Open
Open
-moz-transition: border-color $input-transition-fade-time $input-transition-fade-timing-function, background $input-transition-fade-time $input-transition-fade-timing-function;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
input,- Exclude checks
Rule declaration should be followed by an empty line Open
Open
button { @include radius(0); @include side-radius($default-float, $button-round); }- Exclude checks
Use // comments everywhere Open
Open
/* Adjust margin for form elements below */- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
input[type="file"],- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
input[type="checkbox"],- Exclude checks
@else should be placed on same line as previous curly brace Open
Open
@else { color: $input-error-message-font-color-alt; }- Exclude checks
Rule declaration should be followed by an empty line Open
Open
&.radius { @include radius($global-radius); }- Exclude checks
Properties should be ordered color, text-transform Open
Open
text-transform: $form-label-small-transform;- Exclude checks
Avoid vendor prefixes. Open
Open
-o-transition: border-color $input-transition-fade-time $input-transition-fade-timing-function, background $input-transition-fade-time $input-transition-fade-timing-function;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.prefix { @include radius(0); @include side-radius($default-float, $button-round); }- Exclude checks
Colon after property should be followed by one space Open
Open
width:100%;- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
input[type="number"]::-webkit-inner-spin-button,- Exclude checks
Commas in function arguments should be followed by one space Open
Open
$input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1) !default;- Exclude checks
Use // comments everywhere Open
Open
/* Separate prefix and postfix styles when on span or label so buttons keep their own */- Exclude checks
Use // comments everywhere Open
Open
/* Not allow resize out of parent */- Exclude checks
Use // comments everywhere Open
Open
:-moz-placeholder { /* Firefox 18- */- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
input[type="file"] {- Exclude checks