app/assets/stylesheets/components/_box.scss
Properties should be ordered background, border-radius, border-top, box-shadow Open
Open
box-shadow: 0 1px .36px 0 $shadow;
- Exclude checks
!important should not be used Open
Open
border-bottom-left-radius: $box-radius !important;
- Exclude checks
Selector box-image__img--orientation-switch
should be written in lowercase with hyphens Open
Open
.box-image__img--orientation-switch {
- 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
0.9
should be written without a leading zero as .9
Open
Open
padding: 0.9rem 0.5rem;
- Exclude checks
0.5
should be written without a leading zero as .5
Open
Open
padding: 1rem 0.5rem;
- Exclude checks
!important should not be used Open
Open
border-bottom: 3px solid $indigo !important;
- Exclude checks
!important should not be used Open
Open
border-top-right-radius: $box-radius !important;
- Exclude checks
Properties should be ordered border-bottom-left-radius, border-top-right-radius Open
Open
border-top-right-radius: 0;
- Exclude checks
Avoid qualifying class selectors with an element. Open
Open
a.box-title:hover {
- Exclude checks
!important should not be used Open
Open
border-bottom-left-radius: calc(#{$box-radius} - 2px) !important;
- Exclude checks
0.5
should be written without a leading zero as .5
Open
Open
padding: 0.9rem 0.5rem;
- Exclude checks
Selector box-image__img
should be written in lowercase with hyphens Open
Open
.box-image__img {
- Exclude checks
Color literals like rgba(0, 0, 0, 0.35)
should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
text-shadow: 1px 1px 0 rgba(0, 0, 0, .35);
- Exclude checks
Shorthand form for property padding
should be written more concisely as .5rem .5rem .31rem
instead of .5rem .5rem .31rem .5rem
Open
Open
padding: .5rem .5rem .31rem .5rem;
- Exclude checks
!important should not be used Open
Open
border-top-left-radius: $box-radius !important;
- 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
Shorthand form for property padding
should be written more concisely as 1rem .25rem .82rem
instead of 1rem .25rem .82rem .25rem
Open
Open
padding: 1rem .25rem .82rem .25rem;
- Exclude checks