@ambientcss/components 2.0.0 → 2.0.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/styles.css +25 -0
- package/package.json +1 -1
- package/src/styles.css +25 -0
package/dist/styles.css
CHANGED
|
@@ -17,6 +17,31 @@
|
|
|
17
17
|
--ambx-fader-label-clearance: calc(var(--ambx-grid) * 4);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
/* Every control sizes its moving part as a percentage of a padded box —
|
|
21
|
+
a button's cap is 100% of a well inset by the clearance ring, a knob's
|
|
22
|
+
face 100% of the knob. Under the default content-box those paddings add
|
|
23
|
+
to the percentage instead of fitting inside it, and the cap renders
|
|
24
|
+
larger than the well it sits in. Scoped to the package's own elements
|
|
25
|
+
rather than shipped as a global reset: apps that already reset globally
|
|
26
|
+
(apps/demo does) see no change, and apps that do not are no longer
|
|
27
|
+
silently broken. */
|
|
28
|
+
.amb-button,
|
|
29
|
+
.amb-knob,
|
|
30
|
+
.amb-switch,
|
|
31
|
+
.amb-fader,
|
|
32
|
+
.amb-slider,
|
|
33
|
+
.ambx-panel,
|
|
34
|
+
.ambx-stack,
|
|
35
|
+
.amb-button *,
|
|
36
|
+
.amb-knob *,
|
|
37
|
+
.amb-switch *,
|
|
38
|
+
.amb-fader *,
|
|
39
|
+
.amb-slider *,
|
|
40
|
+
.ambx-panel *,
|
|
41
|
+
.ambx-stack * {
|
|
42
|
+
box-sizing: border-box;
|
|
43
|
+
}
|
|
44
|
+
|
|
20
45
|
.amb-heading-1 {
|
|
21
46
|
font-size: var(--ambx-type-1-size);
|
|
22
47
|
line-height: var(--ambx-type-1-line);
|
package/package.json
CHANGED
package/src/styles.css
CHANGED
|
@@ -17,6 +17,31 @@
|
|
|
17
17
|
--ambx-fader-label-clearance: calc(var(--ambx-grid) * 4);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
/* Every control sizes its moving part as a percentage of a padded box —
|
|
21
|
+
a button's cap is 100% of a well inset by the clearance ring, a knob's
|
|
22
|
+
face 100% of the knob. Under the default content-box those paddings add
|
|
23
|
+
to the percentage instead of fitting inside it, and the cap renders
|
|
24
|
+
larger than the well it sits in. Scoped to the package's own elements
|
|
25
|
+
rather than shipped as a global reset: apps that already reset globally
|
|
26
|
+
(apps/demo does) see no change, and apps that do not are no longer
|
|
27
|
+
silently broken. */
|
|
28
|
+
.amb-button,
|
|
29
|
+
.amb-knob,
|
|
30
|
+
.amb-switch,
|
|
31
|
+
.amb-fader,
|
|
32
|
+
.amb-slider,
|
|
33
|
+
.ambx-panel,
|
|
34
|
+
.ambx-stack,
|
|
35
|
+
.amb-button *,
|
|
36
|
+
.amb-knob *,
|
|
37
|
+
.amb-switch *,
|
|
38
|
+
.amb-fader *,
|
|
39
|
+
.amb-slider *,
|
|
40
|
+
.ambx-panel *,
|
|
41
|
+
.ambx-stack * {
|
|
42
|
+
box-sizing: border-box;
|
|
43
|
+
}
|
|
44
|
+
|
|
20
45
|
.amb-heading-1 {
|
|
21
46
|
font-size: var(--ambx-type-1-size);
|
|
22
47
|
line-height: var(--ambx-type-1-line);
|