mirrors/pdf.js
1
0
Fork 0
mirror of https://github.com/mozilla/pdf.js.git synced 2025-04-19 06:38:07 +02:00
Code Activity

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

Browse source 
- 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
Download patch file Download diff file Expand all files Collapse all files

38
examples/mobile-viewer/viewer.css
View file

@ -26,12 +26,12 @@ html {
}
header {
background-color: rgba(244, 244, 244, 1);
background-color: rgb(244 244 244 / 1);
}
header h1 {
border-bottom: 1px solid rgba(216, 216, 216, 1);
color: rgba(133, 133, 133, 1);
border-bottom: 1px solid rgb(216 216 216 / 1);
color: rgb(133 133 133 / 1);
font-size: 23px;
font-style: italic;
font-weight: normal;
@ -44,7 +44,7 @@ header h1 {
body {
background: url(images/document_bg.png);
color: rgba(255, 255, 255, 1);
color: rgb(255 255 255 / 1);
font-family: sans-serif;
font-size: 10px;
height: 100%;
@ -71,7 +71,7 @@ footer {
left: 0;
right: 0;
z-index: 1;
box-shadow: 0 -0.2rem 0.5rem rgba(50, 50, 50, 0.75);
box-shadow: 0 -0.2rem 0.5rem rgb(50 50 50 / 0.75);
}
.toolbarButton {
@ -81,7 +81,7 @@ footer {
border-width: 0;
background-position: center center;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 0);
background-color: rgb(0 0 0 / 0);
}
.toolbarButton.pageUp {
@ -110,9 +110,9 @@ footer {
left: 36%;
text-align: center;
border: 0;
background-color: rgba(0, 0, 0, 0);
background-color: rgb(0 0 0 / 0);
font-size: 1.2rem;
color: rgba(255, 255, 255, 1);
color: rgb(255 255 255 / 1);
background-image: url(images/div_line_left.png),
url(images/div_line_right.png);
background-repeat: no-repeat;
@ -190,8 +190,8 @@ canvas {
position: relative;
height: 0.6rem;
background-color: rgba(51, 51, 51, 1);
border-bottom: 1px solid rgba(51, 51, 51, 1);
background-color: rgb(51 51 51 / 1);
border-bottom: 1px solid rgb(51 51 51 / 1);
}
#loadingBar .progress {
@ -201,7 +201,7 @@ canvas {
transform: scaleX(var(--progressBar-percent));
transform-origin: 0 0;
height: 100%;
background-color: rgba(221, 221, 221, 1);
background-color: rgb(221 221 221 / 1);
overflow: hidden;
transition: transform 200ms;
}
@ -220,7 +220,7 @@ canvas {
#loadingBar.indeterminate .progress {
transform: none;
background-color: rgba(153, 153, 153, 1);
background-color: rgb(153 153 153 / 1);
transition: none;
}
@ -232,9 +232,9 @@ canvas {
width: 5rem;
background-image: linear-gradient(
to right,
rgba(153, 153, 153, 1) 0%,
rgba(255, 255, 255, 1) 50%,
rgba(153, 153, 153, 1) 100%
rgb(153 153 153 / 1) 0%,
rgb(255 255 255 / 1) 50%,
rgb(153 153 153 / 1) 100%
);
background-size: 100% 100%;
background-repeat: no-repeat;
@ -242,8 +242,8 @@ canvas {
}
#errorWrapper {
background: none repeat scroll 0 0 rgba(255, 85, 85, 1);
color: rgba(255, 255, 255, 1);
background: none repeat scroll 0 0 rgb(255 85 85 / 1);
color: rgb(255 255 255 / 1);
left: 0;
position: absolute;
right: 0;
@ -262,8 +262,8 @@ canvas {
}
#errorMoreInfo {
background-color: rgba(255, 255, 255, 1);
color: rgba(0, 0, 0, 1);
background-color: rgb(255 255 255 / 1);
color: rgb(0 0 0 / 1);
padding: 0.3rem;
margin: 0.3rem;
width: 98%;