Sign upLogin

bcgov/common-forms-toolkit

View on GitHub
Star

Showing 559 of 559 total issues

Expected color, found width
Open

  width: 100%;
Severity: Major
Found in app/frontend/src/assets/scss/style.scss by sass-lint

Property Sort Order

Rule property-sort-order will enforce the order in which declarations are written.

Options

  • order: 'alphabetical', 'concentric', 'recess', 'smacss', or [array of properties] (defaults to alphabetical. Unknown properties are sorted alphabetically)
  • ignore-custom-properties: true/false (defaults to false)

Property orders: https://github.com/sasstools/sass-lint/tree/develop/lib/config/property-sort-orders

Examples

When enabled (assuming order: alphabetical), the following are allowed:

.foo {
  content: 'baz';
  height: 100vh;
  width: 100vw;
}

When enabled (assuming order: alphabetical), the following are disallowed:

.foo {
  width: 100vw;
  height: 100vh;
  content: 'baz';
}

Custom Sort Orders

You have the option to create your own custom property sort orders. These are specified in your .sass-lint.yml file as below:

property-sort-order:
  - 1
  -
    order:
      - border
      - display
      - color

When the custom order is specified as above, the following are allowed:

.foo {
  border: 1px solid blue;
  display: block;
  color: red;
}

When the custom order is specified as above, the following are disallowed:

.foo {
  display: block;
  color: red;
  border: 1px solid blue;
}

Ignore Custom Properties

When ignore-custom-properties: false (assume order: 'alphabetical') the following would be allowed

.foo {
  border: 1px solid blue;
  color: red;
  composes: heading;
  display: block;
}

When ignore-custom-properties: false (assume order: 'alphabetical') the following would be disallowed

.foo {
  composes: heading; // not in alphabetical order
  border: 1px solid blue;
  color: red;
  display: block;
}

When ignore-custom-properties: true (assume order: 'alphabetical') the following would be allowed

.foo {
  composes: heading; // custom properties ignored
  border: 1px solid blue;
  color: red;
  display: block;
}

Expected display, found font-weight
Open

          font-weight: normal;
Severity: Major
Found in app/frontend/src/assets/scss/style.scss by sass-lint

Property Sort Order

Rule property-sort-order will enforce the order in which declarations are written.

Options

  • order: 'alphabetical', 'concentric', 'recess', 'smacss', or [array of properties] (defaults to alphabetical. Unknown properties are sorted alphabetically)
  • ignore-custom-properties: true/false (defaults to false)

Property orders: https://github.com/sasstools/sass-lint/tree/develop/lib/config/property-sort-orders

Examples

When enabled (assuming order: alphabetical), the following are allowed:

.foo {
  content: 'baz';
  height: 100vh;
  width: 100vw;
}

When enabled (assuming order: alphabetical), the following are disallowed:

.foo {
  width: 100vw;
  height: 100vh;
  content: 'baz';
}

Custom Sort Orders

You have the option to create your own custom property sort orders. These are specified in your .sass-lint.yml file as below:

property-sort-order:
  - 1
  -
    order:
      - border
      - display
      - color

When the custom order is specified as above, the following are allowed:

.foo {
  border: 1px solid blue;
  display: block;
  color: red;
}

When the custom order is specified as above, the following are disallowed:

.foo {
  display: block;
  color: red;
  border: 1px solid blue;
}

Ignore Custom Properties

When ignore-custom-properties: false (assume order: 'alphabetical') the following would be allowed

.foo {
  border: 1px solid blue;
  color: red;
  composes: heading;
  display: block;
}

When ignore-custom-properties: false (assume order: 'alphabetical') the following would be disallowed

.foo {
  composes: heading; // not in alphabetical order
  border: 1px solid blue;
  color: red;
  display: block;
}

When ignore-custom-properties: true (assume order: 'alphabetical') the following would be allowed

.foo {
  composes: heading; // custom properties ignored
  border: 1px solid blue;
  color: red;
  display: block;
}

Expected min-height, found color
Open

          color: #ffffff;
Severity: Major
Found in app/frontend/src/assets/scss/style.scss by sass-lint

Property Sort Order

Rule property-sort-order will enforce the order in which declarations are written.

Options

  • order: 'alphabetical', 'concentric', 'recess', 'smacss', or [array of properties] (defaults to alphabetical. Unknown properties are sorted alphabetically)
  • ignore-custom-properties: true/false (defaults to false)

Property orders: https://github.com/sasstools/sass-lint/tree/develop/lib/config/property-sort-orders

Examples

When enabled (assuming order: alphabetical), the following are allowed:

.foo {
  content: 'baz';
  height: 100vh;
  width: 100vw;
}

When enabled (assuming order: alphabetical), the following are disallowed:

.foo {
  width: 100vw;
  height: 100vh;
  content: 'baz';
}

Custom Sort Orders

You have the option to create your own custom property sort orders. These are specified in your .sass-lint.yml file as below:

property-sort-order:
  - 1
  -
    order:
      - border
      - display
      - color

When the custom order is specified as above, the following are allowed:

.foo {
  border: 1px solid blue;
  display: block;
  color: red;
}

When the custom order is specified as above, the following are disallowed:

.foo {
  display: block;
  color: red;
  border: 1px solid blue;
}

Ignore Custom Properties

When ignore-custom-properties: false (assume order: 'alphabetical') the following would be allowed

.foo {
  border: 1px solid blue;
  color: red;
  composes: heading;
  display: block;
}

When ignore-custom-properties: false (assume order: 'alphabetical') the following would be disallowed

.foo {
  composes: heading; // not in alphabetical order
  border: 1px solid blue;
  color: red;
  display: block;
}

When ignore-custom-properties: true (assume order: 'alphabetical') the following would be allowed

.foo {
  composes: heading; // custom properties ignored
  border: 1px solid blue;
  color: red;
  display: block;
}

Unexpected additional newlines at the end of the file.
Open

Severity: Minor
Found in app/src/db/migrations/20200521134300_007-settings-receipt-to-submission.js by editorconfig

Unexpected additional newlines at the end of the file.
Open

Severity: Minor
Found in app/frontend/src/components/forestrysectoropscreening/Step4.vue by editorconfig

TODO found
Open

  // TODO: unit test this!
Severity: Minor
Found in app/frontend/src/store/modules/agriseafoodopscreening/agriSeafoodOpScreeningForm.js by fixme

Unexpected additional newlines at the end of the file.
Open

Severity: Minor
Found in app/frontend/src/components/agriseafoodopscreening/Step2.vue by editorconfig

Expected a newline at the end of the file.
Open

[version]: http://contributor-covenant.org/version/1/4/
Severity: Minor
Found in CODE-OF-CONDUCT.md by editorconfig

TODO found
Open

  // TODO: unit test this!
Severity: Minor
Found in app/frontend/src/store/modules/farmopscreening/farmOpScreeningForm.js by fixme

Unexpected additional newlines at the end of the file.
Open

Severity: Minor
Found in app/frontend/src/components/agriseafoodopscreening/Step3.vue by editorconfig

Unexpected additional newlines at the end of the file.
Open

Severity: Minor
Found in app/frontend/src/components/agriseafoodopscreening/Step4.vue by editorconfig

Unexpected additional newlines at the end of the file.
Open

Severity: Minor
Found in app/frontend/src/components/farmopscreening/Step4.vue by editorconfig

Unexpected additional newlines at the end of the file.
Open

Severity: Minor
Found in app/frontend/src/components/forestrysectoropscreening/Step2.vue by editorconfig

TODO found
Open

  // TODO: unit test this!
Severity: Minor
Found in app/frontend/src/store/modules/farmopscreening/farmOpScreeningForm.js by fixme

TODO found
Open

  // TODO: unit test this!
Severity: Minor
Found in app/frontend/src/store/modules/forestrysectoropscreening/forestrySectorOpScreeningForm.js by fixme

TODO found
Open

  // TODO: unit test this!
Severity: Minor
Found in app/frontend/src/store/modules/forestrysectoropscreening/forestrySectorOpScreeningForm.js by fixme

Unexpected additional newlines at the end of the file.
Open

Severity: Minor
Found in app/frontend/src/components/farmopscreening/Step2.vue by editorconfig

Unexpected additional newlines at the end of the file.
Open

Severity: Minor
Found in app/frontend/src/components/minesoperatorscreening/Step4.vue by editorconfig

Expected a newline at the end of the file.
Open

Severity: Minor
Found in app/frontend/public/favicon.ico by editorconfig

TODO found
Open

    // TODO: Consider loading part of this from API?
Severity: Minor
Found in app/frontend/src/components/FormList.vue by fixme
Severity
Category
Status
Source
Language