UNPKG

@spectrum-web-components/styles

Version:

Spectrum Web Components are a [`LitElement`](https://lit-element.polymer-project.org)-powered web component library of patterns built on top of the [Spectrum CSS](https://opensource.adobe.com/spectrum-css) specification. Styles for these components are ma

adobe.github.io/spectrum-web-components/components/styles

adobe/spectrum-web-components

68 lines (67 loc) • 3.43 kB
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
"use strict"; import { css } from "@spectrum-web-components/base"; const styles = css` .spectrum-Typography .spectrum-Heading--sizeXXXL{margin-bottom:var( --spectrum-heading-xxxl-margin-bottom,var(--spectrum-global-dimension-size-125) );margin-top:var( --spectrum-heading-xxxl-margin-top,var(--spectrum-alias-heading-xxxl-margin-top) )}.spectrum-Typography .spectrum-Heading--sizeXXL{margin-bottom:var( --spectrum-heading-xxl-margin-bottom,var(--spectrum-global-dimension-size-115) );margin-top:var( --spectrum-heading-xxl-margin-top,var(--spectrum-alias-heading-xxl-margin-top) )}.spectrum-Typography .spectrum-Heading--sizeXL{margin-bottom:var( --spectrum-heading-xl-margin-bottom,var(--spectrum-global-dimension-size-100) );margin-top:var( --spectrum-heading-xl-margin-top,var(--spectrum-alias-heading-xl-margin-top) )}.spectrum-Typography .spectrum-Heading--sizeL{margin-bottom:var( --spectrum-heading-l-margin-bottom,var(--spectrum-global-dimension-size-85) );margin-top:var( --spectrum-heading-l-margin-top,var(--spectrum-alias-heading-l-margin-top) )}.spectrum-Typography .spectrum-Heading--sizeM{margin-bottom:var( --spectrum-heading-m-margin-bottom,var(--spectrum-global-dimension-size-75) );margin-top:var( --spectrum-heading-m-margin-top,var(--spectrum-alias-heading-m-margin-top) )}.spectrum-Typography .spectrum-Heading--sizeS{margin-bottom:var( --spectrum-heading-s-margin-bottom,var(--spectrum-global-dimension-size-65) );margin-top:var( --spectrum-heading-s-margin-top,var(--spectrum-alias-heading-s-margin-top) )}.spectrum-Typography .spectrum-Heading--sizeXS{margin-bottom:var( --spectrum-heading-xs-margin-bottom,var(--spectrum-global-dimension-size-50) );margin-top:var( --spectrum-heading-xs-margin-top,var(--spectrum-alias-heading-xs-margin-top) )}.spectrum-Typography .spectrum-Heading--sizeXXS{margin-bottom:var( --spectrum-heading-xxs-margin-bottom,var(--spectrum-global-dimension-size-40) );margin-top:var( --spectrum-heading-xxs-margin-top,var(--spectrum-alias-heading-xxs-margin-top) )}.spectrum-Typography .spectrum-Body--sizeXXXL{margin-bottom:var( --spectrum-body-xxxl-margin-bottom,var(--spectrum-global-dimension-size-400) );margin-top:var( --spectrum-body-xxxl-margin-top,0 )}.spectrum-Typography .spectrum-Body--sizeXXL{margin-bottom:var( --spectrum-body-xxl-margin-bottom,var(--spectrum-global-dimension-size-300) );margin-top:var( --spectrum-body-xxl-margin-top,0 )}.spectrum-Typography .spectrum-Body--sizeXL{margin-bottom:var( --spectrum-body-xl-margin-bottom,var(--spectrum-global-dimension-size-200) );margin-top:var( --spectrum-body-xl-margin-top,0 )}.spectrum-Typography .spectrum-Body--sizeL{margin-bottom:var( --spectrum-body-l-margin-bottom,var(--spectrum-global-dimension-size-160) );margin-top:var( --spectrum-body-l-margin-top,0 )}.spectrum-Typography .spectrum-Body--sizeM{margin-bottom:var( --spectrum-body-m-margin-bottom,var(--spectrum-global-dimension-size-150) );margin-top:var( --spectrum-body-m-margin-top,0 )}.spectrum-Typography .spectrum-Body--sizeS{margin-bottom:var( --spectrum-body-s-margin-bottom,var(--spectrum-global-dimension-size-125) );margin-top:var( --spectrum-body-s-margin-top,0 )}.spectrum-Typography .spectrum-Body--sizeXS{margin-bottom:var( --spectrum-body-xs-margin-bottom,var(--spectrum-global-dimension-size-115) );margin-top:var( --spectrum-body-xs-margin-top,0 )} `; export default styles; //# sourceMappingURL=spectrum-typography.css.dev.js.map