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

153 lines (152 loc) • 9.51 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
"use strict";import{css as t}from"@spectrum-web-components/base";const e=t` .spectrum-Detail{font-family:var( --spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family) )}.spectrum-Detail .spectrum-Detail-strong,.spectrum-Detail strong{font-weight:var( --spectrum-detail-m-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular) )}.spectrum-Detail .spectrum-Detail-emphasized,.spectrum-Detail em{font-style:var( --spectrum-detail-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic) )}.spectrum-Detail--light{font-style:var( --spectrum-detail-m-light-text-font-style,var(--spectrum-global-font-style-regular) );font-weight:var( --spectrum-detail-m-light-text-font-weight,var(--spectrum-alias-detail-text-font-weight-light) )}.spectrum-Detail--serif{font-family:var( --spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family) )}.spectrum-Detail--sizeXL{font-size:var( --spectrum-detail-xl-text-size,var(--spectrum-global-dimension-font-size-200) );font-style:var( --spectrum-detail-xl-text-font-style,var(--spectrum-global-font-style-regular) );font-weight:var( --spectrum-detail-xl-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular) );letter-spacing:var( --spectrum-detail-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium) );line-height:var( --spectrum-detail-xl-text-line-height,var(--spectrum-alias-heading-text-line-height) );margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-xl-text-transform,uppercase)}.spectrum-Detail--sizeXL em{font-size:var( --spectrum-detail-xl-emphasized-text-size,var(--spectrum-global-dimension-font-size-200) );font-style:var( --spectrum-detail-xl-emphasized-text-font-style,var(--spectrum-global-font-style-italic) );font-weight:var( --spectrum-detail-xl-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular) );letter-spacing:var( --spectrum-detail-xl-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium) );line-height:var( --spectrum-detail-xl-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height) );margin-bottom:0;margin-top:0;text-transform:var( --spectrum-detail-xl-emphasized-text-transform,uppercase )}.spectrum-Detail--sizeXL strong{font-size:var( --spectrum-detail-xl-strong-text-size,var(--spectrum-global-dimension-font-size-200) );font-style:var( --spectrum-detail-xl-strong-text-font-style,var(--spectrum-global-font-style-regular) );font-weight:var( --spectrum-detail-xl-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular) );letter-spacing:var( --spectrum-detail-xl-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium) );line-height:var( --spectrum-detail-xl-strong-text-line-height,var(--spectrum-alias-heading-text-line-height) );margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-xl-strong-text-transform,uppercase)}.spectrum-Detail--sizeL{font-size:var( --spectrum-detail-l-text-size,var(--spectrum-global-dimension-font-size-100) );font-style:var( --spectrum-detail-l-text-font-style,var(--spectrum-global-font-style-regular) );font-weight:var( --spectrum-detail-l-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular) );letter-spacing:var( --spectrum-detail-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium) );line-height:var( --spectrum-detail-l-text-line-height,var(--spectrum-alias-heading-text-line-height) );margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-l-text-transform,uppercase)}.spectrum-Detail--sizeL em{font-size:var( --spectrum-detail-l-emphasized-text-size,var(--spectrum-global-dimension-font-size-100) );font-style:var( --spectrum-detail-l-emphasized-text-font-style,var(--spectrum-global-font-style-italic) );font-weight:var( --spectrum-detail-l-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular) );letter-spacing:var( --spectrum-detail-l-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium) );line-height:var( --spectrum-detail-l-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height) );margin-bottom:0;margin-top:0;text-transform:var( --spectrum-detail-l-emphasized-text-transform,uppercase )}.spectrum-Detail--sizeL strong{font-size:var( --spectrum-detail-l-strong-text-size,var(--spectrum-global-dimension-font-size-100) );font-style:var( --spectrum-detail-l-strong-text-font-style,var(--spectrum-global-font-style-regular) );font-weight:var( --spectrum-detail-l-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular) );letter-spacing:var( --spectrum-detail-l-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium) );line-height:var( --spectrum-detail-l-strong-text-line-height,var(--spectrum-alias-heading-text-line-height) );margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-l-strong-text-transform,uppercase)}.spectrum-Detail--sizeM{font-size:var( --spectrum-detail-m-text-size,var(--spectrum-global-dimension-font-size-75) );font-style:var( --spectrum-detail-m-text-font-style,var(--spectrum-global-font-style-regular) );font-weight:var( --spectrum-detail-m-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular) );letter-spacing:var( --spectrum-detail-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium) );line-height:var( --spectrum-detail-m-text-line-height,var(--spectrum-alias-heading-text-line-height) );margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-m-text-transform,uppercase)}.spectrum-Detail--sizeM em{font-size:var( --spectrum-detail-m-emphasized-text-size,var(--spectrum-global-dimension-font-size-75) );font-style:var( --spectrum-detail-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic) );font-weight:var( --spectrum-detail-m-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular) );letter-spacing:var( --spectrum-detail-m-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium) );line-height:var( --spectrum-detail-m-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height) );margin-bottom:0;margin-top:0;text-transform:var( --spectrum-detail-m-emphasized-text-transform,uppercase )}.spectrum-Detail--sizeM strong{font-size:var( --spectrum-detail-m-strong-text-size,var(--spectrum-global-dimension-font-size-75) );font-style:var( --spectrum-detail-m-strong-text-font-style,var(--spectrum-global-font-style-regular) );font-weight:var( --spectrum-detail-m-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular) );letter-spacing:var( --spectrum-detail-m-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium) );line-height:var( --spectrum-detail-m-strong-text-line-height,var(--spectrum-alias-heading-text-line-height) );margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-m-strong-text-transform,uppercase)}.spectrum-Detail--sizeS{font-size:var( --spectrum-detail-s-text-size,var(--spectrum-global-dimension-font-size-50) );font-style:var( --spectrum-detail-s-text-font-style,var(--spectrum-global-font-style-regular) );font-weight:var( --spectrum-detail-s-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular) );letter-spacing:var( --spectrum-detail-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium) );line-height:var( --spectrum-detail-s-text-line-height,var(--spectrum-alias-heading-text-line-height) );margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-s-text-transform,uppercase)}.spectrum-Detail--sizeS em{font-size:var( --spectrum-detail-s-emphasized-text-size,var(--spectrum-global-dimension-font-size-50) );font-style:var( --spectrum-detail-s-emphasized-text-font-style,var(--spectrum-global-font-style-italic) );font-weight:var( --spectrum-detail-s-emphasized-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular) );letter-spacing:var( --spectrum-detail-s-emphasized-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium) );line-height:var( --spectrum-detail-s-emphasized-text-line-height,var(--spectrum-alias-heading-text-line-height) );margin-bottom:0;margin-top:0;text-transform:var( --spectrum-detail-s-emphasized-text-transform,uppercase )}.spectrum-Detail--sizeS strong{font-size:var( --spectrum-detail-s-strong-text-size,var(--spectrum-global-dimension-font-size-50) );font-style:var( --spectrum-detail-s-strong-text-font-style,var(--spectrum-global-font-style-regular) );font-weight:var( --spectrum-detail-s-strong-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular) );letter-spacing:var( --spectrum-detail-s-strong-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium) );line-height:var( --spectrum-detail-s-strong-text-line-height,var(--spectrum-alias-heading-text-line-height) );margin-bottom:0;margin-top:0;text-transform:var(--spectrum-detail-s-strong-text-transform,uppercase)}.spectrum-Detail--sizeXL{color:var( --spectrum-detail-xl-text-color,var(--spectrum-alias-heading-text-color) )}.spectrum-Detail--sizeL{color:var( --spectrum-detail-l-text-color,var(--spectrum-alias-heading-text-color) )}.spectrum-Detail--sizeM{color:var( --spectrum-detail-m-text-color,var(--spectrum-alias-heading-text-color) )}.spectrum-Detail--sizeS{color:var( --spectrum-detail-s-text-color,var(--spectrum-alias-heading-text-color) )} `;export default e; //# sourceMappingURL=spectrum-detail.css.js.map