[ImgBot] Optimize images #1
Conversation
![imgbot[bot]](https://avatars.githubusercontent.com/in/4706?s=60&v=4){kind=small}
imgbot
bot
force-pushed
the
imgbot
branch
5 times, most recently
from
b8ed836 to
d36404d
Compare
![hound[bot]](https://avatars.githubusercontent.com/in/3598?s=60&v=4){kind=small}
| background-color: rgba(0,0,0,.12); | ||
| } | ||
|
|
||
| .switch label input[type=checkbox][disabled] + .lever:after, |
There was a problem hiding this comment.
Avoid qualifying attribute selectors with an element.
Begin pseudo elements with double colons: ::
Selector should have depth of applicability no greater than 2, but was 3
| // Disabled Styles | ||
| .switch input[type=checkbox][disabled] + .lever { | ||
| cursor: default; | ||
| background-color: rgba(0,0,0,.12); |
There was a problem hiding this comment.
Color literals like rgba(0, 0, 0, 0.12) should only be used in variable declarations; they should be referred to via variable everywhere else.
Commas in function arguments should be followed by one space.12 should be written with a leading zero as 0.12
|
|
||
| // Disabled Styles | ||
| .switch input[type=checkbox][disabled] + .lever { | ||
| cursor: default; |
There was a problem hiding this comment.
Properties should be ordered background-color, cursor
| } | ||
|
|
||
| // Disabled Styles | ||
| .switch input[type=checkbox][disabled] + .lever { |
There was a problem hiding this comment.
Avoid qualifying attribute selectors with an element.
| input[type=checkbox]:not(:disabled) ~ .lever:active:before, | ||
| input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before { | ||
| transform: scale(2.4); | ||
| background-color: rgba(0,0,0,.08); |
There was a problem hiding this comment.
Color literals like rgba(0, 0, 0, 0.08) should only be used in variable declarations; they should be referred to via variable everywhere else.
Commas in function arguments should be followed by one space.08 should be written with a leading zero as 0.08
| background-color: transparentize($switch-bg-color, .85); | ||
| } | ||
|
|
||
| &:after { |
There was a problem hiding this comment.
Begin pseudo elements with double colons: ::
Selector should have depth of applicability no greater than 2, but was 3
| } | ||
|
|
||
| &:before { | ||
| background-color: transparentize($switch-bg-color, .85); |
There was a problem hiding this comment.
.85 should be written with a leading zero as 0.85
| transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease; | ||
| } | ||
|
|
||
| &:before { |
There was a problem hiding this comment.
Begin pseudo elements with double colons: ::
Selector should have depth of applicability no greater than 2, but was 3
| border-radius: 50%; | ||
| left: 0; | ||
| top: -3px; | ||
| transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease; |
There was a problem hiding this comment.
.1 should be written with a leading zero as 0.1.3 should be written with a leading zero as 0.3
| margin: 0 16px; | ||
|
|
||
| &:before, &:after { | ||
| content: ""; |
There was a problem hiding this comment.
Properties should be ordered border-radius, content, display, height, left, position, top, transition, width
Beep boop. Optimizing your images is my life. https://imgbot.net/ for more information.