mCSS/src/styles/framework/help.devtools.css at main · minimaldesign/mCSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
/* DEV TOOLS */

/* Debug-only helpers. You have to add the classes yourself. */

/* Baseline grid overlay: add .dev to <body> while checking vertical rhythm. */
body.dev {
  --baseline: 8;
  background-size: 100% calc(var(--baseline) * 1px) !important;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) calc((var(--baseline) - 1) * 1px),
    hotpink calc(var(--baseline) * 1px)
  ) !important;
}

/* Fixed error toast, used by components to surface dev-time mistakes
   (see Hero.astro's slide count check). */
.dev-error {
  position: fixed !important;
  top: var(--md1) !important;
  left: var(--md1) !important;
  z-index: var(--z-top) !important;
  padding: var(--sm1) !important;
  font-size: 1rem !important;
  color: var(--no-500) !important;
  background: var(--no-100) !important;
  border: 1px solid var(--no-500) !important;
  border-radius: var(--radius-md) !important;
}