app/assets/stylesheets/custom.css
Use of !important Open
Open
font-family: 'Titillium Web', sans-serif !important;
- Exclude checks
Don't use IDs in selectors. Open
Open
#sidebarToggleTop.toggled {
- Exclude checks
2 IDs in the selector, really? Open
Open
body #wrapper #content-wrapper {
- Exclude checks
Don't use IDs in selectors. Open
Open
#sidebarToggleTop {
- Exclude checks
Use of !important Wontfix
Wontfix
width: 0 !important;
- Exclude checks
@import prevents parallel downloads, use <link> instead. Open
Open
@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');
- Exclude checks
Missing vendor-prefixed CSS gradients for Firefox 3.6+, Webkit (Safari 5+, Chrome), Opera 11.1+. Open
Open
body .bg-gradient-primary {
- Exclude checks
Adjoining classes: .ck.ck-splitbutton:hover > .ck-file-dialog-button + .ck-splitbutton__arrow::after Open
Open
.ck.ck-splitbutton:hover > .ck-file-dialog-button + .ck-splitbutton__arrow::after {
- Exclude checks
Adjoining classes: body .page-item.active .page-link Open
Open
body .page-item.active .page-link {
- Exclude checks
Adjoining classes: .btn.btn-primary.btn--big Open
Open
.btn.btn-primary.btn--big {
- Exclude checks
Adjoining classes: .ck.ck-splitbutton:hover > .ck-file-dialog-button + .ck-splitbutton__arrow::after Open
Open
.ck.ck-splitbutton:hover > .ck-file-dialog-button + .ck-splitbutton__arrow::after {
- Exclude checks
Adjoining classes: body .navbar-nav.sidebar Open
Open
body .navbar-nav.sidebar {
- Exclude checks
Adjoining classes: body .btn-primary:not(:disabled):not(.disabled).active Open
Open
body .btn-primary:not(:disabled):not(.disabled).active,
- Exclude checks
Adjoining classes: .btn.btn-primary.btn--big Open
Open
.btn.btn-primary.btn--big {
- Exclude checks
Adjoining classes: .show > .btn-primary.dropdown-toggle Open
Open
.show > .btn-primary.dropdown-toggle {
- Exclude checks
Using height with border can sometimes make elements larger than you expect. Open
Open
border: 1px solid #11223f;
- Exclude checks
Using width with border can sometimes make elements larger than you expect. Open
Open
border: 1px solid #11223f;
- Exclude checks
Unknown property 'row-gap'. Invalid
Invalid
row-gap: 10px;
- Exclude checks
Heading (h4) should not be qualified. Wontfix
Wontfix
.card-header > h4 {
- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
.data_table_matrix .confirmation {
- Exclude checks
Rule doesn't have all its properties in alphabetical order. Open
Open
.matrix-checkbox::before {
- Exclude checks
Color literals like #085036
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
to(#085036)
- Exclude checks
Avoid qualifying class selectors with an element. Open
Open
body.app {
- Exclude checks
Selector sidebarToggleTop
should be written in lowercase with hyphens Open
Open
#sidebarToggleTop.toggled {
- Exclude checks
Color literals like #2d963c
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
color-stop(10%, #2d963c),
- Exclude checks
Unknown property row-gap Invalid
Invalid
row-gap: 10px;
- Exclude checks
!important should not be used Open
Open
font-family: 'Titillium Web', sans-serif !important;
- Exclude checks
Color literals like #2d963c
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: #2d963c;
- Exclude checks
Avoid using id selectors Open
Open
body #wrapper #content-wrapper {
- Exclude checks
Color literals like #085036
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-image: linear-gradient(180deg, #2d963c 10%, #085036 100%);
- Exclude checks
Avoid using id selectors Open
Open
#sidebarToggleTop.toggled {
- Exclude checks
Use //
comments everywhere Open
Open
margin-left: 0; /* NOTE: necessary because of the sidebar */
- Exclude checks
Merge rule body.app
with rule on line 3 Open
Open
body.app {
- Exclude checks
Color literals like #fff
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: #fff;
- Exclude checks
Use //
comments everywhere Open
Open
margin-left: 104px; /* NOTE: necessary because of the sidebar */
- Exclude checks
Selector sidebarToggleTop
should be written in lowercase with hyphens Open
Open
#sidebarToggleTop {
- Exclude checks
Use //
comments everywhere Open
Open
margin-left: 104px; /* NOTE: necessary because of the sidebar */
- Exclude checks
Color literals like #2d963c
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-image: linear-gradient(180deg, #2d963c 10%, #085036 100%);
- Exclude checks
Merge rule body #wrapper #content-wrapper
with rule on line 3 Open
Open
body #wrapper #content-wrapper {
- Exclude checks
Avoid using id selectors Open
Open
body #wrapper #content-wrapper {
- Exclude checks
Color literals like #11223f
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
color: #11223f;
- Exclude checks
Avoid qualifying class selectors with an element. Open
Open
body.app {
- Exclude checks
Merge rule body .bg-gradient-primary
with rule on line 3 Open
Open
body .bg-gradient-primary {
- Exclude checks
Avoid using id selectors Open
Open
#sidebarToggleTop {
- Exclude checks
Color literals like #11223f
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
border-color: #11223f;
- Exclude checks
Color literals like #fff
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
color: #fff;
- Exclude checks
Selector leafletMap
should be written in lowercase with hyphens Wontfix
Wontfix
.leafletMap {
- Exclude checks
Use //
comments everywhere Wontfix
Wontfix
/* SVA-315 */
- Exclude checks
Merge rule body .btn-primary
with rule on line 3 Open
Open
body .btn-primary {
- Exclude checks
Color literals like #b1bfba
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: #b1bfba;
- Exclude checks
Color literals like #aebfbc
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: #aebfbc;
- Exclude checks
Color literals like #aebfbc
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
border-color: #aebfbc;
- Exclude checks
Color literals like #11223f
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
color: #11223f;
- Exclude checks
Selector ck-editor__editable
should be written in lowercase with hyphens Wontfix
Wontfix
.html-editor-text + .ck-editor .ck-editor__editable {
- Exclude checks
Merge rule body .page-link:hover
with rule on line 3 Open
Open
body .page-link:hover {
- Exclude checks
Color literals like #fff
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: #fff;
- Exclude checks
Color literals like #ffff00
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: #ffff00;
- Exclude checks
Color literals like #b1bfba
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
border-color: #b1bfba;
- Exclude checks
Color literals like #b1bfba
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
border-color: #b1bfba;
- Exclude checks
Color literals like #11223f
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: #11223f;
- Exclude checks
Color literals like #11223f
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
border-color: #11223f;
- Exclude checks
Color literals like #11223f
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background: #11223f;
- Exclude checks
Properties should be ordered background-color, border, border-radius, content, display, float, height, margin-right, position, width Open
Open
border-radius: 5px;
- Exclude checks
Properties should be ordered background-color, display, margin-top, padding, position, z-index Open
Open
position: absolute;
- Exclude checks
Merge rule body .navbar-nav.sidebar
with rule on line 3 Open
Open
body .navbar-nav.sidebar {
- Exclude checks
Color literals like #11223f
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: #11223f;
- Exclude checks
Color literals like #b1bfba
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
border-color: #b1bfba;
- Exclude checks
Color literals like #11223f
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
color: #11223f;
- Exclude checks
Color literals like #11223f
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
color: #11223f;
- Exclude checks
Color literals like #11223f
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
color: #11223f;
- Exclude checks
Color literals like #11223f
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
border: 1px solid #11223f;
- Exclude checks
Color literals like #11223f
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: #11223f;
- Exclude checks
Color literals like #eaecf4
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: #eaecf4;
- Exclude checks
Merge rule body .btn-danger:hover
with rule on line 3 Open
Open
body .btn-danger:hover {
- Exclude checks
Color literals like #fff
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
color: #fff;
- Exclude checks
Merge rule body .page-link
with rule on line 3 Open
Open
body .page-link {
- Exclude checks
Merge rule body .scroll-to-top:hover
with rule on line 3 Open
Open
body .scroll-to-top:hover {
- Exclude checks
Color #ffff00
should be written as #ff0
Open
Open
background-color: #ffff00;
- Exclude checks
Color literals like #11223f
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
color: #11223f;
- Exclude checks
Color literals like #fff
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
box-shadow: inset 0 0 2px 2px #fff;
- Exclude checks
Merge rule body .btn-primary:hover
with rule on line 3 Open
Open
body .btn-primary:hover {
- Exclude checks
Color literals like #11223f
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
border-color: #11223f;
- Exclude checks
Color literals like #fff
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
color: #fff;
- Exclude checks
Selector ck-splitbutton__arrow
should be written in lowercase with hyphens Wontfix
Wontfix
.ck.ck-splitbutton:hover > .ck-file-dialog-button + .ck-splitbutton__arrow::after {
- Exclude checks
Use //
comments everywhere Open
Open
/* Fileupload: SVA-226 */
- Exclude checks
Merge rule body .table
with rule on line 3 Open
Open
body .table {
- Exclude checks
Color literals like #b1bfba
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: #b1bfba;
- Exclude checks
Color literals like #f5f5f5
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: #f5f5f5;
- Exclude checks
Selector data_table_matrix
should be written in lowercase with hyphens Wontfix
Wontfix
.data_table_matrix .confirmation {
- Exclude checks
Color literals like #b1bfba
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: #b1bfba;
- Exclude checks
Merge rule body .page-item.active .page-link
with rule on line 3 Open
Open
body .page-item.active .page-link {
- Exclude checks
Color literals like #11223f
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: #11223f;
- Exclude checks
Color literals like #11223f
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: #11223f;
- Exclude checks
Color literals like #999
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
color: #999;
- Exclude checks
Merge rule body .btn-secondary
with rule on line 3 Open
Open
body .btn-secondary {
- Exclude checks
Merge rule body .custom-control-input:checked ~ .custom-control-label::before
with rule on line 3 Open
Open
body .custom-control-input:checked ~ .custom-control-label::before {
- Exclude checks
Selector point_of_interest_attributes
should be written in lowercase with hyphens Wontfix
Wontfix
.point_of_interest_attributes > span {
- Exclude checks
!important should not be used Wontfix
Wontfix
width: 0 !important;
- Exclude checks