web: drop em-dashes from style.css comments

This commit is contained in:
Oleksandr Kozachuk
2026-06-08 23:03:30 +02:00
parent 1005e5a8e2
commit 1370e640fb
+7 -7
View File
@@ -1,4 +1,4 @@
/* LesS/KEY web app — visual language mirrored from kaizenkodo.org /* LesS/KEY web app. Visual language mirrored from kaizenkodo.org
(~/Repos/Identity/website/main.css): washi-paper cream, ocean blue, hanko red, (~/Repos/Identity/website/main.css): washi-paper cream, ocean blue, hanko red,
Poppins / Inter / JetBrains Mono. Light, responsive, restrained. */ Poppins / Inter / JetBrains Mono. Light, responsive, restrained. */
@@ -20,7 +20,7 @@
--radius: 16px; --radius: 16px;
} }
/* Self-hosted fonts bundled with the app so it makes NO external requests and /* Self-hosted fonts, bundled with the app so it makes NO external requests and
talks to no third party (no Google Fonts, no CDN). Latin subset only. */ talks to no third party (no Google Fonts, no CDN). Latin subset only. */
@font-face { font-family:"Poppins"; font-style:normal; font-weight:600; font-display:swap; src:url("./assets/fonts/Poppins-600.woff2") format("woff2"); } @font-face { font-family:"Poppins"; font-style:normal; font-weight:600; font-display:swap; src:url("./assets/fonts/Poppins-600.woff2") format("woff2"); }
@font-face { font-family:"Poppins"; font-style:normal; font-weight:700; font-display:swap; src:url("./assets/fonts/Poppins-700.woff2") format("woff2"); } @font-face { font-family:"Poppins"; font-style:normal; font-weight:700; font-display:swap; src:url("./assets/fonts/Poppins-700.woff2") format("woff2"); }
@@ -95,7 +95,7 @@ main { padding: clamp(20px, 3vw, 34px) 0 56px; display: grid; grid-template-colu
} }
.about > summary::-webkit-details-marker { display: none; } .about > summary::-webkit-details-marker { display: none; }
.about > summary:hover { color: var(--ocean-2); } .about > summary:hover { color: var(--ocean-2); }
/* attention badge draws the eye to open the help panel; hidden once open */ /* attention badge; draws the eye to open the help panel; hidden once open */
.about-badge { .about-badge {
font-family: var(--mono); font-size: 10.5px; font-weight: 500; font-family: var(--mono); font-size: 10.5px; font-weight: 500;
text-transform: uppercase; letter-spacing: 0.1em; text-transform: uppercase; letter-spacing: 0.1em;
@@ -125,7 +125,7 @@ main { padding: clamp(20px, 3vw, 34px) 0 56px; display: grid; grid-template-colu
.about-grid h4 { font-family: var(--disp); font-weight: 600; font-size: 14px; color: var(--ink); margin-bottom: 5px; } .about-grid h4 { font-family: var(--disp); font-weight: 600; font-size: 14px; color: var(--ink); margin-bottom: 5px; }
.about-grid p { font-size: 13.5px; } .about-grid p { font-size: 13.5px; }
.about-note { font-family: var(--mono); font-size: 12px; margin-top: 10px; } .about-note { font-family: var(--mono); font-size: 12px; margin-top: 10px; }
/* Privacy callout make the "no server" promise visually prominent. */ /* Privacy callout; make the "no server" promise visually prominent. */
.about-privacy { .about-privacy {
margin: 6px 0 2px; padding: 13px 16px; border-radius: 12px; margin: 6px 0 2px; padding: 13px 16px; border-radius: 12px;
border: 1px solid var(--line); border-left: 3px solid var(--ocean); border: 1px solid var(--line); border-left: 3px solid var(--ocean);
@@ -157,7 +157,7 @@ input[type="text"], input[type="password"] {
} }
input:focus { border-color: var(--ocean); box-shadow: 0 0 0 3px rgba(27, 65, 97, 0.12); } input:focus { border-color: var(--ocean); box-shadow: 0 0 0 3px rgba(27, 65, 97, 0.12); }
/* Masked TEXT inputs (master, pass overlay): visually masked but type=text, so /* Masked TEXT inputs (master, pass overlay): visually masked but type=text, so
the browser never treats them as password fields no autofill / save / "suggest the browser never treats them as password fields, so no autofill / save / "suggest
strong password". Firefox uses the bundled disc font. */ strong password". Firefox uses the bundled disc font. */
input.mask { -webkit-text-security: disc; } input.mask { -webkit-text-security: disc; }
@supports not (-webkit-text-security: disc) { input.mask { font-family: "text-security-disc", var(--mono); } } @supports not (-webkit-text-security: disc) { input.mask { font-family: "text-security-disc", var(--mono); } }
@@ -192,7 +192,7 @@ input.mask { -webkit-text-security: disc; }
/* Secret rendering: real text in the DOM, visually masked. Click toggles. /* Secret rendering: real text in the DOM, visually masked. Click toggles.
Mask via -webkit-text-security on the MONO font so each disc keeps the mono Mask via -webkit-text-security on the MONO font so each disc keeps the mono
advance width gen tables stay aligned. (No letter-spacing, no disc webfont advance width, so gen tables stay aligned. (No letter-spacing, no disc webfont
here, both of which would break the column widths.) */ here, both of which would break the column widths.) */
.secret { .secret {
font-family: var(--mono); font-family: var(--mono);
@@ -214,7 +214,7 @@ input.mask { -webkit-text-security: disc; }
font-family: var(--mono); font-size: 13.5px; line-height: 1.55; font-family: var(--mono); font-size: 13.5px; line-height: 1.55;
background: #fff; border: 1px solid var(--line); border-radius: 10px; background: #fff; border: 1px solid var(--line); border-radius: 10px;
padding: 14px; height: clamp(280px, 46vh, 560px); padding: 14px; height: clamp(280px, 46vh, 560px);
overflow: auto; white-space: pre; /* no wrap scroll left/right */ overflow: auto; white-space: pre; /* no wrap, scroll left/right */
} }
.console-out > div { min-width: max-content; } .console-out > div { min-width: max-content; }
.console-out .cmd { color: var(--ocean); font-weight: 500; } .console-out .cmd { color: var(--ocean); font-weight: 500; }