ryan/squoosh
1
0
Fork 0
forked from external-repos/squoosh
Code Pull Requests Activity

More CSS optimisation

Browse Source
This commit is contained in:
Jake Archibald
2020-11-26 16:08:43 +00:00
parent 903c8b5d02
commit 4abc7f40d1
4 changed files with 29 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/client/lazy-app/Compress/Output/style.css
View File

@@ -1,5 +1,5 @@
.output { .output {
composes: abs-fill from '../../../../shared/prerendered-app/util.css'; composes: abs-fill from global;
&::before { &::before {
content: ''; content: '';
@@ -19,12 +19,12 @@
} }
.two-up { .two-up {
composes: abs-fill from '../../../../shared/prerendered-app/util.css'; composes: abs-fill from global;
--accent-color: var(--button-fg); --accent-color: var(--button-fg);
} }
.pinch-zoom { .pinch-zoom {
composes: abs-fill from '../../../../shared/prerendered-app/util.css'; composes: abs-fill from global;
outline: none; outline: none;
display: flex; display: flex;
justify-content: center; justify-content: center;

2
src/client/lazy-app/Compress/Results/style.css
View File

@@ -124,7 +124,7 @@
.copy-to-other { .copy-to-other {
grid-row: 1; grid-row: 1;
grid-column: copy-button; grid-column: copy-button;
composes: unbutton from '../../../../shared/prerendered-app/util.css'; composes: unbutton from global;
composes: download; composes: download;
background: #656565; background: #656565;

10
src/shared/prerendered-app/Intro/style.css
View File

@@ -1,5 +1,5 @@
.intro { .intro {
composes: abs-fill from '../util.css'; composes: abs-fill from global;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
overflow: auto; overflow: auto;
overscroll-behavior: contain; overscroll-behavior: contain;
@@ -10,7 +10,7 @@
} }
.blob-canvas { .blob-canvas {
composes: abs-fill from '../util.css'; composes: abs-fill from global;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
@@ -47,7 +47,7 @@
} }
.blob-svg { .blob-svg {
composes: abs-fill from '../util.css'; composes: abs-fill from global;
width: 100%; width: 100%;
height: 100%; height: 100%;
fill: var(--blob-pink); fill: var(--blob-pink);
@@ -70,7 +70,7 @@
} }
.load-btn { .load-btn {
composes: unbutton from '../util.css'; composes: unbutton from global;
} }
.load-icon { .load-icon {
@@ -82,7 +82,7 @@
} }
.paste-btn { .paste-btn {
composes: unbutton from '../util.css'; composes: unbutton from global;
text-decoration: underline; text-decoration: underline;
font: inherit; font: inherit;
color: inherit; color: inherit;

38
src/shared/prerendered-app/util.css
View File

@@ -1,22 +1,24 @@
.abs-fill { :global {
position: absolute; .abs-fill {
top: 0; position: absolute;
left: 0; top: 0;
width: 100%; left: 0;
height: 100%; width: 100%;
box-sizing: border-box; height: 100%;
contain: strict; box-sizing: border-box;
} contain: strict;
}
.unbutton { .unbutton {
cursor: pointer; cursor: pointer;
background: none; background: none;
border: none; border: none;
font: inherit; font: inherit;
padding: 0; padding: 0;
margin: 0; margin: 0;
&:focus { &:focus {
outline: none; outline: none;
}
} }
} }