julien/tps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design: simplify font size

Browse Source
This commit is contained in:
Julien Calixte
2024-12-23 15:41:00 +01:00
parent 3746f8d02f
commit c0ce1a1040
4 changed files with 21 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
index.css
View File

@@ -1,3 +1,7 @@
body {
font-size: clamp(11px, 2.1vw, 28px);
}
ul {
padding-left: 0;
margin: 0;
@@ -40,28 +44,7 @@ li {
text-align: center;
clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
min-height: 150px;
font-size: 12pt;
}
/* mini screen */
@media only screen and (max-width: 480px) {
.customer-satisfaction-roof {
font-size: 11pt;
}
}
/* medium screen */
@media only screen and (min-width: 751px) and (max-width: 1300px) {
.customer-satisfaction-roof {
font-size: 16pt;
}
}
/* large screen */
@media only screen and (min-width: 1301px) {
.customer-satisfaction-roof {
font-size: inherit;
}
font-size: clamp(15px, 2.1vw, 28px);
}
.customer-satisfaction-roof h2,
@@ -180,3 +163,8 @@ details.hud {
details.hud li {
text-align: left;
}
.round-svg {
visibility: hidden;
height: 0;
}

2
index.html
View File

@@ -154,7 +154,7 @@
</li>
</ul>
</details>
<svg class="flt_svg" xmlns="http://www.w3.org/2000/svg">
<svg class="round-svg" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="round">
<feGaussianBlur in="SourceGraphic" stdDeviation="3" result="blur" />

2
package.json
View File

@@ -28,7 +28,7 @@
"sass": "^1.83.0",
"typescript": "^5.7.2",
"vite": "^6.0.5",
"vite-plugin-comlink": "^5.1.0",
"vite-plugin-comlink": "^4.0.2",
"vitest": "^2.1.8"
}
}

18
pnpm-lock.yaml generated
View File

@@ -49,8 +49,8 @@ importers:
specifier: ^6.0.5
version: 6.0.5(@types/node@22.10.2)(sass@1.83.0)
vite-plugin-comlink:
specifier: ^5.1.0
version: 5.1.0(comlink@4.4.2)(vite@6.0.5(@types/node@22.10.2)(sass@1.83.0))
specifier: ^4.0.2
version: 4.1.0(comlink@4.4.2)(vite@6.0.5(@types/node@22.10.2)(sass@1.83.0))
vitest:
specifier: ^2.1.8
version: 2.1.8(@types/node@22.10.2)(sass@1.83.0)
@@ -784,8 +784,8 @@ packages:
loupe@3.1.2:
resolution: {integrity: sha512-23I4pFZHmAemUnz8WZXbYRSKYj801VDaNv9ETuMh7IrMc7VuVVSo+Z9iLE3ni30+U48iDWfi30d3twAXBYmnCg==}
magic-string@0.30.12:
resolution: {integrity: sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==}
magic-string@0.30.10:
resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
magic-string@0.30.17:
resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
@@ -912,8 +912,8 @@ packages:
engines: {node: ^18.0.0 || >=20.0.0}
hasBin: true
vite-plugin-comlink@5.1.0:
resolution: {integrity: sha512-ROKDAITiEasFstFQD3Hyd0F980qLWUsMfx9HvD1z4r/ZyzJf4agWoj5dfOE9pNxSGj3meOw7bmMujTjzR5zxTA==}
vite-plugin-comlink@4.1.0:
resolution: {integrity: sha512-wsCLCobd7k8X7oB803XzPAvcypcoQj6cTaw6n1qb11jhegssZSwDhI52vLtitVUjYi/1/IqtKpQZeyUsLvuLdg==}
peerDependencies:
comlink: ^4.3.1
vite: '>=2.9.6'
@@ -1648,7 +1648,7 @@ snapshots:
loupe@3.1.2: {}
magic-string@0.30.12:
magic-string@0.30.10:
dependencies:
'@jridgewell/sourcemap-codec': 1.5.0
@@ -1787,11 +1787,11 @@ snapshots:
- supports-color
- terser
vite-plugin-comlink@5.1.0(comlink@4.4.2)(vite@6.0.5(@types/node@22.10.2)(sass@1.83.0)):
vite-plugin-comlink@4.1.0(comlink@4.4.2)(vite@6.0.5(@types/node@22.10.2)(sass@1.83.0)):
dependencies:
comlink: 4.4.2
json5: 2.2.3
magic-string: 0.30.12
magic-string: 0.30.10
source-map: 0.7.4
vite: 6.0.5(@types/node@22.10.2)(sass@1.83.0)