Enable some Stylelint color-related rules to slightly reduce file sizes

- Use a consistent format for all alpha-values (this rule didn't require any code changes); see https://stylelint.io/user-guide/rules/alpha-value-notation
 - Use modern and slightly shorter color notation, since [according to MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/rgb#browser_compatibility) that should be supported "everywhere" nowadays; see https://stylelint.io/user-guide/rules/color-function-notation/
 - Use "short" hexadecimal colors whenever possible; see https://stylelint.io/user-guide/rules/color-hex-length/
 - Help avoid adding broken hexadecimal colors (this rule didn't require any code changes); see https://stylelint.io/user-guide/rules/color-no-invalid-hex/
This commit is contained in:
Jonas Jenwald 2023-10-05 17:43:56 +02:00
parent a60f90ae94
commit 4277205d78
13 changed files with 177 additions and 173 deletions

View file

@ -123,12 +123,12 @@
:is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder)
> a:hover {
opacity: 0.2;
background-color: rgba(255, 255, 0, 1);
box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
background-color: rgb(255 255 0 / 1);
box-shadow: 0 2px 10px rgb(255 255 0 / 1);
}
.annotationLayer .linkAnnotation.hasBorder:hover {
background-color: rgba(255, 255, 0, 0.2);
background-color: rgb(255 255 0 / 0.2);
}
.annotationLayer .hasBorder {
@ -291,11 +291,11 @@
}
.annotationLayer .popup {
background-color: rgba(255, 255, 153, 1);
background-color: rgb(255 255 153 / 1);
box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor))
rgba(136, 136, 136, 1);
rgb(136 136 136 / 1);
border-radius: calc(2px * var(--scale-factor));
outline: 1.5px solid rgb(255, 255, 74);
outline: 1.5px solid rgb(255 255 74);
padding: calc(6px * var(--scale-factor));
cursor: pointer;
font: message-box;
@ -327,7 +327,7 @@
}
.annotationLayer .popupContent {
border-top: 1px solid rgba(51, 51, 51, 1);
border-top: 1px solid rgb(51 51 51 / 1);
margin-top: calc(2px * var(--scale-factor));
padding-top: calc(2px * var(--scale-factor));
}