3scale/porta

View on GitHub
app/assets/stylesheets/provider/_forms.scss

Summary

Maintainability
Test Coverage

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

.error input[type='text'],

Merge rule form.formtastic:not(.pf-c-form) with rule on line 3
Open

form.formtastic:not(.pf-c-form) {

Merge rule form.formtastic:not(.pf-c-form) .button-bar fieldset > ol > li with rule on line 3
Open

form.formtastic:not(.pf-c-form) .button-bar fieldset > ol > li {

Shorthand form for property margin should be written more concisely as 0 0 line-height-times(1 / 4) instead of 0 0 line-height-times(1 / 4) 0
Open

  margin: 0 0 line-height-times(1/4) 0;

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

fieldset ol li input[type='text'] + a {

!important should not be used
Open

    float: none !important;

Merge rule form.formtastic:not(.pf-c-form) fieldset.actions ol with rule on line 3
Open

form.formtastic:not(.pf-c-form) fieldset.actions ol {

Merge rule form.formtastic:not(.pf-c-form) ol > li#api_docs_service_body_input with rule on line 3
Open

form.formtastic:not(.pf-c-form) ol > li#api_docs_service_body_input {

Avoid using id selectors
Open

  #settings,

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

    .inputs ol {

1/4 should be written with a single space on each side of the operator: 1 / 4
Open

      margin: 0 line-height-times(1/4) 0 line-height-times(-1/4);

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

    margin: 0 0 0 0;

Properties should be ordered background, border, color, outline, -webkit-text-fill-color
Open

  outline: none !important;

Properties should be ordered color, display, font-size, margin, max-width, padding
Open

  padding: 0 0 0 0;

Avoid using id selectors
Open

#fancybox-inner form.formtastic:not(.pf-c-form) fieldset > ol > li p.inline-hints {

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

 margin: 0;

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

form.button-to, form.button-to div, form.inline, form.inline div {

Avoid using id selectors
Open

#new_service_wrapper {

3/2 should be written with a single space on each side of the operator: 3 / 2
Open

  height: line-height-times(3/2);

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

  th input[type='text'],

1/4 should be written with a single space on each side of the operator: 1 / 4
Open

  padding: line-height-times(1/4);

!important should not be used
Open

    margin-top: 0 !important;

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

form.formtastic:not(.pf-c-form) fieldset > ol > li.price   input,

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

  padding: 0 0 0 0;

Colon after property should be followed by one space
Open

  padding-left:0;

Colon after property should be followed by one space
Open

  background-color:

Avoid using id selectors
Open

form.formtastic#new_metric {

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

  ol, ul, li {

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

  li {

Avoid using id selectors
Open

  #settings,

Merge rule form.formtastic:not(.pf-c-form) ol > li with rule on line 3
Open

form.formtastic:not(.pf-c-form) ol > li {

Merge rule form.formtastic:not(.pf-c-form) with rule on line 3
Open

form.formtastic:not(.pf-c-form) {

1/4 should be written with a single space on each side of the operator: 1 / 4
Open

      margin: 0 line-height-times(1/4) 0 line-height-times(-1/4);

Properties should be ordered position, top, width
Open

        width: line-height-times(1/4);

Properties should be ordered -moz-appearance, -webkit-appearance, appearance, position
Open

      position: relative;

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

      fieldset {

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

form.formtastic:not(.pf-c-form) fieldset > ol > li.boolean label {

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

form.formtastic:not(.pf-c-form) fieldset > ol > li.password input {

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

  padding: 0 0 0 0;

Properties should be ordered -moz-appearance, -webkit-appearance, appearance, background-color, border, border-radius, color, font-size, height, line-height, padding, width
Open

  font-size: $font-size-base;

1/2 should be written with a single space on each side of the operator: 1 / 2
Open

    margin: line-height-times(1/2) 0;

Shorthand form for property margin should be written more concisely as 0 0 line-height-times(1 / 2) instead of 0 0 line-height-times(1 / 2) 0
Open

  margin: 0 0 line-height-times(1/2) 0;

Color literals like rgb(21, 21, 21) should only be used in variable declarations; they should be referred to via variable everywhere else.
Wontfix

    color: rgb(21, 21, 21); // --pf-c-content--Color

Avoid using id selectors
Open

form#new_post.formtastic fieldset > ol > li.boolean label {

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

  margin: 0 0 0 0;

Shorthand form for property margin should be written more concisely as 0 0 line-height-times(1 / 4) instead of 0 0 line-height-times(1 / 4) 0
Open

  margin: 0 0 line-height-times(1/4) 0;

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

.dashboard_card form.formtastic:not(.pf-c-form) fieldset>ol>li.boolean label {

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

#fancybox-inner form.formtastic:not(.pf-c-form) fieldset > ol > li label {

Merge rule form.formtastic:not(.pf-c-form) fieldset > ol > li fieldset legend with rule on line 3
Open

form.formtastic:not(.pf-c-form) fieldset > ol > li fieldset legend {

Merge rule .dashboard_card form.formtastic:not(.pf-c-form) with rule on line 421
Open

.dashboard_card form.formtastic:not(.pf-c-form) {

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

      input,

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

      input {

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

  color: #c9190b; // --pf-c-form__label-required--Color

!important should not be used
Open

    outline: none !important;

Properties should be ordered border-color, box-shadow, color, outline
Open

    outline: none !important;

Avoid using id selectors
Open

    &#search_month_number,

Properties should be ordered float, margin-top, padding, position, z-index
Open

  position: relative;

Unnecessary parent selector (&)
Open

    &> legend {

1/24 should be written with a single space on each side of the operator: 1 / 24
Open

        top: line-height-times(1/24);

!important should not be used
Open

    outline: none !important;

Merge rule form.formtastic:not(.pf-c-form) fieldset.inputs input[type="submit"] with rule on line 3
Open

form.formtastic:not(.pf-c-form) fieldset.inputs input[type="submit"] {

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

form.formtastic:not(.pf-c-form) fieldset fieldset fieldset {

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

form.formtastic:not(.pf-c-form) fieldset + p.inline-hints,

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

form.button-to, form.button-to div, form.inline, form.inline div {

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

form.formtastic:not(.pf-c-form) fieldset > ol > li fieldset legend.label label {

1/4 should be written with a single space on each side of the operator: 1 / 4
Open

  padding: line-height-times(1/4);

1/4 should be written with a single space on each side of the operator: 1 / 4
Open

  margin: 0 line-height-times(1/4) 0 0;

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

form.formtastic:not(.pf-c-form) .button-bar fieldset > ol > li {

Merge rule form.formtastic:not(.pf-c-form) fieldset.inputs label.disabled with rule on line 3
Open

form.formtastic:not(.pf-c-form) fieldset.inputs label.disabled {

Avoid using id selectors
Open

#fancybox-inner form.formtastic:not(.pf-c-form) fieldset > ol > li label {

Properties should be ordered color, font-size, margin-left
Open

  margin-left: 0.25rem; // --pf-c-form__label-required--MarginLeft

Avoid using id selectors
Open

    &#search_month_number,

1/3 should be written with a single space on each side of the operator: 1 / 3
Open

  background-position: right line-height-times(1/3) center;

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

    margin: 0 0 0 0;

Properties should be ordered margin, max-width, padding, position
Open

  padding: 0 0 0 0;

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

form.formtastic:not(.pf-c-form) fieldset > ol > li.text textarea {

Merge rule form.formtastic:not(.pf-c-form) fieldset > ol > li.password input with rule on line 3
Open

form.formtastic:not(.pf-c-form) fieldset > ol > li.password input {

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

form.formtastic:not(.pf-c-form) fieldset > ol > li.inline-hints {

Merge rule form.formtastic:not(.pf-c-form) fieldset > ol > li p.inline-errors with rule on line 3
Open

form.formtastic:not(.pf-c-form) fieldset > ol > li p.inline-errors {

Merge rule form.formtastic:not(.pf-c-form) .radio.required abbr with rule on line 3
Open

form.formtastic:not(.pf-c-form) .radio.required abbr {

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

form.formtastic:not(.pf-c-form) fieldset > ol > li fieldset legend {

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

  ol, ul, li {

1/3 should be written with a single space on each side of the operator: 1 / 3
Open

  background-size: line-height-times(1/3) auto;

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

  .delete {

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

  fieldset > ol > li label {

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

    &#search_month_number,

Properties should be ordered border-radius, margin, position, top, vertical-align
Open

  position: relative;

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

        fieldset {

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

    max-width: 100%;

Merge rule form.formtastic:not(.pf-c-form) fieldset > ol > li.boolean label with rule on line 3
Open

form.formtastic:not(.pf-c-form) fieldset > ol > li.boolean label {

Avoid using id selectors
Open

#integration-tabs {

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

form.formtastic:not(.pf-c-form) fieldset > ol > li p.inline-hints,

Avoid using id selectors
Open

  li#metric_system_name_input {

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

form.formtastic:not(.pf-c-form) fieldset > ol li.text > textarea.source_code {

Avoid vendor prefixes.
Open

::-moz-placeholder { /* Firefox 19+ */

Properties should be ordered background-color, border, border-radius, margin-bottom, padding
Open

  border: $border-width $error-color solid;

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

      p {

1/2 should be written with a single space on each side of the operator: 1 / 2
Open

  padding-right: line-height-times(1/2);

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

input[type='checkbox']:not(.pf-c-check__input, .pf-c-switch__input),

Properties should be ordered border-top, text-align
Wontfix

  text-align: right;

Properties should be ordered float, margin-top
Open

    margin-top: line-height-times(1/4);

1/2 should be written with a single space on each side of the operator: 1 / 2
Open

  margin: 0 0 line-height-times(1/2) 0;

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

form.formtastic:not(.pf-c-form) fieldset > ol > li.radio fieldset ol li {

Properties should be ordered display, margin, padding, width
Open

    width: auto !important;

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

form#new_post.formtastic fieldset > ol > li.boolean label {

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

  &:focus {

Properties should be ordered border-color, box-shadow, color, outline
Open

    outline: none !important;

1/2 should be written with a single space on each side of the operator: 1 / 2
Open

  padding: line-height-times(1/2);

0.875 should be written without a leading zero as .875
Open

  font-size: 0.875rem; // --pf-c-form__label-required--FontSize

Merge rule td.delta input[type='text'] with rule on line 78
Open

td.delta input[type='text'] {

Properties should be ordered float, margin-top
Open

    margin-top: 0 !important;

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

form.formtastic:not(.pf-c-form) table fieldset > ol > li {

1/4 should be written with a single space on each side of the operator: 1 / 4
Open

        width: line-height-times(1/4);

Merge rule fieldset with rule on line 254
Open

  fieldset {

!important should not be used
Open

  outline: none !important;

Merge rule form.formtastic:not(.pf-c-form) fieldset.inputs input[readonly="readonly"] with rule on line 3
Open

form.formtastic:not(.pf-c-form) fieldset.inputs input[readonly="readonly"] {

Merge rule form.formtastic:not(.pf-c-form) fieldset fieldset fieldset with rule on line 3
Open

form.formtastic:not(.pf-c-form) fieldset fieldset fieldset {

Merge rule form.formtastic:not(.pf-c-form) .radio fieldset with rule on line 3
Open

form.formtastic:not(.pf-c-form) .radio fieldset {

Avoid using id selectors
Open

#fancybox-inner form.formtastic:not(.pf-c-form) fieldset.actions {

Unknown property background-color-color
Open

    color: $error-color;

!important should not be used
Open

  max-width: calc(100% - #{$border-width}) !important;

1/4 should be written with a single space on each side of the operator: 1 / 4
Open

  margin: 0 line-height-times(1/4) 0 $border-width;

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

    &.commit {

1/4 should be written with a single space on each side of the operator: 1 / 4
Open

    margin-top: line-height-times(1/4);

!important should not be used
Open

    width: auto !important;

1/4 should be written with a single space on each side of the operator: 1 / 4
Open

        width: line-height-times(1/4);

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

  padding: 0 0 0 0;

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

  margin: 0 0 0 0;

3/2 should be written with a single space on each side of the operator: 3 / 2
Open

  margin-top: line-height-times(-3/2, true);

Properties should be ordered margin, padding
Open

    padding: 0 0 0 0;

Shorthand form for property margin should be written more concisely as 0 0 line-height-times(1) instead of 0 0 line-height-times(1) 0
Open

  margin: 0 0 line-height-times(1) 0;

Merge rule form.formtastic:not(.pf-c-form) table fieldset > ol > li with rule on line 3
Open

form.formtastic:not(.pf-c-form) table fieldset > ol > li {

1/4 should be written with a single space on each side of the operator: 1 / 4
Open

  margin: 0 0 line-height-times(1/4) 0;

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

  padding: 0 0 0 0;

Merge rule form.formtastic:not(.pf-c-form) fieldset > ol > li.text textarea with rule on line 3
Open

form.formtastic:not(.pf-c-form) fieldset > ol > li.text textarea {

Merge rule form.formtastic:not(.pf-c-form) fieldset > ol li.text > textarea.source_code with rule on line 3
Open

form.formtastic:not(.pf-c-form) fieldset > ol li.text > textarea.source_code {

Merge rule form.formtastic:not(.pf-c-form) strong small with rule on line 3
Open

form.formtastic:not(.pf-c-form) strong small {

Avoid using id selectors
Open

      input,

0.25 should be written without a leading zero as .25
Open

  margin-left: 0.25rem; // --pf-c-form__label-required--MarginLeft

!important should not be used
Open

  margin-left: line-height-times(1) !important;

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

form.formtastic:not(.pf-c-form) fieldset > ol > li p.inline-errors {

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

form.button-to, form.button-to div, form.inline, form.inline div {

Avoid using id selectors
Open

form#liquid-settings > fieldset {

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

    padding: 0 0 0 0;

Avoid using id selectors
Open

form.formtastic:not(.pf-c-form) ol > li#api_docs_service_body_input {

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

  padding: 0 0 0 0;

Merge rule form.formtastic:not(.pf-c-form) fieldset > ol > li.radio fieldset ol li with rule on line 3
Open

form.formtastic:not(.pf-c-form) fieldset > ol > li.radio fieldset ol li {

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

    padding: 0 0 0 0;

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

  padding: 0 0 0 0;

Merge rule form.formtastic:not(.pf-c-form) table fieldset with rule on line 3
Open

form.formtastic:not(.pf-c-form) table fieldset {

Merge rule form.formtastic:not(.pf-c-form) fieldset > ol > li.inline-hints with rule on line 3
Open

form.formtastic:not(.pf-c-form) fieldset > ol > li.inline-hints {

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

#fancybox-inner form.formtastic:not(.pf-c-form) fieldset > ol > li p.inline-hints {

Merge rule form.formtastic:not(.pf-c-form) fieldset > ol > li fieldset legend.label label with rule on line 3
Open

form.formtastic:not(.pf-c-form) fieldset > ol > li fieldset legend.label label {

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

  border-top: 0;

1/4 should be written with a single space on each side of the operator: 1 / 4
Open

  margin: 0 0 line-height-times(1/4) 0;

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

  &::first-letter {

There are no issues that match your filters.

Category
Status