@govnepal/css 0.2.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/civic-calm.css +20 -3
- package/package.json +1 -1
package/dist/civic-calm.css
CHANGED
|
@@ -343,8 +343,21 @@ code, kbd, samp, pre,
|
|
|
343
343
|
margin-inline-start: var(--gov-target-min-spacing);
|
|
344
344
|
}
|
|
345
345
|
|
|
346
|
+
/* A button may be rendered as a link (<a class="gov-button">) for a primary call-to-action that
|
|
347
|
+
* navigates — a "start" button. The generic `a` and `a:visited` rules (link.css) would otherwise
|
|
348
|
+
* win: `a:visited` has higher specificity (0,1,1) than a single button class (0,1,0), so after one
|
|
349
|
+
* click the label would turn the link-visited colour — invisible on a filled button. Pinning the
|
|
350
|
+
* label colour on `:link`/`:visited` per variant restores the correct specificity, and the
|
|
351
|
+
* inherited underline is removed. */
|
|
352
|
+
.gov-button:link,
|
|
353
|
+
.gov-button:visited {
|
|
354
|
+
text-decoration: none;
|
|
355
|
+
}
|
|
356
|
+
|
|
346
357
|
/* --- Variants ---------------------------------------------------------------------------- */
|
|
347
|
-
.gov-button--primary
|
|
358
|
+
.gov-button--primary,
|
|
359
|
+
.gov-button--primary:link,
|
|
360
|
+
.gov-button--primary:visited {
|
|
348
361
|
background: var(--gov-color-action-primary-default);
|
|
349
362
|
color: var(--gov-color-text-on-action);
|
|
350
363
|
}
|
|
@@ -357,7 +370,9 @@ code, kbd, samp, pre,
|
|
|
357
370
|
background: var(--gov-color-action-primary-active);
|
|
358
371
|
}
|
|
359
372
|
|
|
360
|
-
.gov-button--secondary
|
|
373
|
+
.gov-button--secondary,
|
|
374
|
+
.gov-button--secondary:link,
|
|
375
|
+
.gov-button--secondary:visited {
|
|
361
376
|
background: transparent;
|
|
362
377
|
color: var(--gov-color-action-secondary-text);
|
|
363
378
|
border-color: currentColor;
|
|
@@ -370,7 +385,9 @@ code, kbd, samp, pre,
|
|
|
370
385
|
/* Always paired with a confirmation dialog (components/button.md) — the colour is a warning, not
|
|
371
386
|
* the safeguard. Its red is deliberately the FUNCTIONAL red, never Simrik: "the colour of the
|
|
372
387
|
* nation is never the colour of failure" (§2.1). */
|
|
373
|
-
.gov-button--destructive
|
|
388
|
+
.gov-button--destructive,
|
|
389
|
+
.gov-button--destructive:link,
|
|
390
|
+
.gov-button--destructive:visited {
|
|
374
391
|
background: var(--gov-color-action-destructive-default);
|
|
375
392
|
color: var(--gov-color-text-on-action);
|
|
376
393
|
}
|