external-repos/squoosh
1
0
Fork 1
mirror of https://github.com/GoogleChromeLabs/squoosh.git synced 2025-11-20 04:28:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

More option styles

Browse Source
This commit is contained in:
Jake Archibald
2020-12-05 15:36:03 +00:00
parent a88d562f36
commit 0797ce99c0
7 changed files with 29 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/client/lazy-app/Compress/Options/style.css
View File

@@ -13,7 +13,7 @@
padding: 10px var(--horizontal-padding);
font-weight: bold;
font-size: 1.4rem;
border-bottom: 1px solid #000;
border-bottom: 1px solid var(--off-black);
transition: all 300ms ease-in-out;
transition-property: background-color, color;
}
@@ -48,20 +48,22 @@
}
.section-enabler {
background: rgba(0, 0, 0, 0.8);
background: var(--dark-gray);
padding: 15px var(--horizontal-padding);
border-bottom: 1px solid var(--off-black);
}
.options-section {
background: rgba(0, 0, 0, 0.7);
background: var(--off-black);
}
.text-field {
background: #fff;
color: #000;
background: var(--white);
color: var(--black);
font: inherit;
border: none;
padding: 2px 0 2px 10px;
padding: 6px 0 6px 10px;
width: 100%;
box-sizing: border-box;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
border-radius: 4px;
}