@medyll/cssfabric 0.2.2 → 0.2.3
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/package.json +1 -1
- package/src/cssfabric/modules/theme/_theme-build.scss +43 -0
- package/src/cssfabric/modules/vars.scss +1 -2
- package/src/lib/_generated/cssFabric.vars.json +1 -1
- package/src/lib/styles/cssfabric.css +67353 -1
- package/src/lib/styles/cssfabric.min.css +182 -0
- package/src/lib/styles/cssfabric.responsive.css +217867 -0
- package/src/lib/styles/cssfabric.responsive.min.css +117 -0
- package/src/lib/styles/theme/theme.css +48 -0
- package/src/lib/styles/theme/theme.min.css +1 -1
- package/src/lib/styles/vars.css +1 -1
|
@@ -194,4 +194,52 @@
|
|
|
194
194
|
}
|
|
195
195
|
.theme-border-tertiary-invert {
|
|
196
196
|
border-color: var(--theme-color-tertiary-invert);
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.theme-text-color, .theme-foreground-color {
|
|
200
|
+
color: var(--theme-color-text);
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
.theme-foreground-color-alpha {
|
|
204
|
+
color: var(--theme-color-foreground-alpha);
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
.theme-foreground-color-alpha-low {
|
|
208
|
+
color: var(--theme-color-foreground-alpha-low);
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
.theme-foreground-color-alpha-high {
|
|
212
|
+
color: var(--theme-color-foreground-alpha-high);
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
.theme-bg {
|
|
216
|
+
background-color: var(--theme-color-background);
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
.theme-bg-alpha {
|
|
220
|
+
background-color: var(--theme-color-background-alpha);
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
.theme-bg-alpha-low {
|
|
224
|
+
background-color: var(--theme-color-background-alpha-low);
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
.theme-bg-alpha-high {
|
|
228
|
+
background-color: var(--theme-color-background-alpha-high);
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.theme-bg-paper {
|
|
232
|
+
background-color: var(--theme-color-paper);
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
.theme-bg-paper-alpha {
|
|
236
|
+
background-color: var(--theme-color-paper-alpha);
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
.theme-bg-paper-alpha-low {
|
|
240
|
+
background-color: var(--theme-color-paper-alpha-low);
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
.theme-bg-paper-alpha-high {
|
|
244
|
+
background-color: var(--theme-color-paper-alpha-high);
|
|
197
245
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.theme-text-primary{color:var(--theme-color-primary)}.theme-text-primary-light{color:var(--theme-color-primary-light)}.theme-text-primary-lighter{color:var(--theme-color-primary-lighter)}.theme-text-primary-dark{color:var(--theme-color-primary-dark)}.theme-text-primary-darker{color:var(--theme-color-primary-darker)}.theme-text-primary-complement{color:var(--theme-color-primary-complement)}.theme-text-primary-invert{color:var(--theme-color-primary-invert)}.theme-bg-primary{background-color:var(--theme-color-primary)}.theme-bg-primary-light{background-color:var(--theme-color-primary-light)}.theme-bg-primary-lighter{background-color:var(--theme-color-primary-lighter)}.theme-bg-primary-dark{background-color:var(--theme-color-primary-dark)}.theme-bg-primary-darker{background-color:var(--theme-color-primary-darker)}.theme-bg-primary-complement{background-color:var(--theme-color-primary-complement)}.theme-bg-primary-invert{background-color:var(--theme-color-primary-invert)}.theme-border-primary{border-color:var(--theme-color-primary)}.theme-border-primary-light{border-color:var(--theme-color-primary-light)}.theme-border-primary-lighter{border-color:var(--theme-color-primary-lighter)}.theme-border-primary-dark{border-color:var(--theme-color-primary-dark)}.theme-border-primary-darker{border-color:var(--theme-color-primary-darker)}.theme-border-primary-complement{border-color:var(--theme-color-primary-complement)}.theme-border-primary-invert{border-color:var(--theme-color-primary-invert)}.theme-text-secondary{color:var(--theme-color-secondary)}.theme-text-secondary-light{color:var(--theme-color-secondary-light)}.theme-text-secondary-lighter{color:var(--theme-color-secondary-lighter)}.theme-text-secondary-dark{color:var(--theme-color-secondary-dark)}.theme-text-secondary-darker{color:var(--theme-color-secondary-darker)}.theme-text-secondary-complement{color:var(--theme-color-secondary-complement)}.theme-text-secondary-invert{color:var(--theme-color-secondary-invert)}.theme-bg-secondary{background-color:var(--theme-color-secondary)}.theme-bg-secondary-light{background-color:var(--theme-color-secondary-light)}.theme-bg-secondary-lighter{background-color:var(--theme-color-secondary-lighter)}.theme-bg-secondary-dark{background-color:var(--theme-color-secondary-dark)}.theme-bg-secondary-darker{background-color:var(--theme-color-secondary-darker)}.theme-bg-secondary-complement{background-color:var(--theme-color-secondary-complement)}.theme-bg-secondary-invert{background-color:var(--theme-color-secondary-invert)}.theme-border-secondary{border-color:var(--theme-color-secondary)}.theme-border-secondary-light{border-color:var(--theme-color-secondary-light)}.theme-border-secondary-lighter{border-color:var(--theme-color-secondary-lighter)}.theme-border-secondary-dark{border-color:var(--theme-color-secondary-dark)}.theme-border-secondary-darker{border-color:var(--theme-color-secondary-darker)}.theme-border-secondary-complement{border-color:var(--theme-color-secondary-complement)}.theme-border-secondary-invert{border-color:var(--theme-color-secondary-invert)}.theme-text-tertiary{color:var(--theme-color-tertiary)}.theme-text-tertiary-light{color:var(--theme-color-tertiary-light)}.theme-text-tertiary-lighter{color:var(--theme-color-tertiary-lighter)}.theme-text-tertiary-dark{color:var(--theme-color-tertiary-dark)}.theme-text-tertiary-darker{color:var(--theme-color-tertiary-darker)}.theme-text-tertiary-complement{color:var(--theme-color-tertiary-complement)}.theme-text-tertiary-invert{color:var(--theme-color-tertiary-invert)}.theme-bg-tertiary{background-color:var(--theme-color-tertiary)}.theme-bg-tertiary-light{background-color:var(--theme-color-tertiary-light)}.theme-bg-tertiary-lighter{background-color:var(--theme-color-tertiary-lighter)}.theme-bg-tertiary-dark{background-color:var(--theme-color-tertiary-dark)}.theme-bg-tertiary-darker{background-color:var(--theme-color-tertiary-darker)}.theme-bg-tertiary-complement{background-color:var(--theme-color-tertiary-complement)}.theme-bg-tertiary-invert{background-color:var(--theme-color-tertiary-invert)}.theme-border-tertiary{border-color:var(--theme-color-tertiary)}.theme-border-tertiary-light{border-color:var(--theme-color-tertiary-light)}.theme-border-tertiary-lighter{border-color:var(--theme-color-tertiary-lighter)}.theme-border-tertiary-dark{border-color:var(--theme-color-tertiary-dark)}.theme-border-tertiary-darker{border-color:var(--theme-color-tertiary-darker)}.theme-border-tertiary-complement{border-color:var(--theme-color-tertiary-complement)}.theme-border-tertiary-invert{border-color:var(--theme-color-tertiary-invert)}
|
|
1
|
+
.theme-text-primary{color:var(--theme-color-primary)}.theme-text-primary-light{color:var(--theme-color-primary-light)}.theme-text-primary-lighter{color:var(--theme-color-primary-lighter)}.theme-text-primary-dark{color:var(--theme-color-primary-dark)}.theme-text-primary-darker{color:var(--theme-color-primary-darker)}.theme-text-primary-complement{color:var(--theme-color-primary-complement)}.theme-text-primary-invert{color:var(--theme-color-primary-invert)}.theme-bg-primary{background-color:var(--theme-color-primary)}.theme-bg-primary-light{background-color:var(--theme-color-primary-light)}.theme-bg-primary-lighter{background-color:var(--theme-color-primary-lighter)}.theme-bg-primary-dark{background-color:var(--theme-color-primary-dark)}.theme-bg-primary-darker{background-color:var(--theme-color-primary-darker)}.theme-bg-primary-complement{background-color:var(--theme-color-primary-complement)}.theme-bg-primary-invert{background-color:var(--theme-color-primary-invert)}.theme-border-primary{border-color:var(--theme-color-primary)}.theme-border-primary-light{border-color:var(--theme-color-primary-light)}.theme-border-primary-lighter{border-color:var(--theme-color-primary-lighter)}.theme-border-primary-dark{border-color:var(--theme-color-primary-dark)}.theme-border-primary-darker{border-color:var(--theme-color-primary-darker)}.theme-border-primary-complement{border-color:var(--theme-color-primary-complement)}.theme-border-primary-invert{border-color:var(--theme-color-primary-invert)}.theme-text-secondary{color:var(--theme-color-secondary)}.theme-text-secondary-light{color:var(--theme-color-secondary-light)}.theme-text-secondary-lighter{color:var(--theme-color-secondary-lighter)}.theme-text-secondary-dark{color:var(--theme-color-secondary-dark)}.theme-text-secondary-darker{color:var(--theme-color-secondary-darker)}.theme-text-secondary-complement{color:var(--theme-color-secondary-complement)}.theme-text-secondary-invert{color:var(--theme-color-secondary-invert)}.theme-bg-secondary{background-color:var(--theme-color-secondary)}.theme-bg-secondary-light{background-color:var(--theme-color-secondary-light)}.theme-bg-secondary-lighter{background-color:var(--theme-color-secondary-lighter)}.theme-bg-secondary-dark{background-color:var(--theme-color-secondary-dark)}.theme-bg-secondary-darker{background-color:var(--theme-color-secondary-darker)}.theme-bg-secondary-complement{background-color:var(--theme-color-secondary-complement)}.theme-bg-secondary-invert{background-color:var(--theme-color-secondary-invert)}.theme-border-secondary{border-color:var(--theme-color-secondary)}.theme-border-secondary-light{border-color:var(--theme-color-secondary-light)}.theme-border-secondary-lighter{border-color:var(--theme-color-secondary-lighter)}.theme-border-secondary-dark{border-color:var(--theme-color-secondary-dark)}.theme-border-secondary-darker{border-color:var(--theme-color-secondary-darker)}.theme-border-secondary-complement{border-color:var(--theme-color-secondary-complement)}.theme-border-secondary-invert{border-color:var(--theme-color-secondary-invert)}.theme-text-tertiary{color:var(--theme-color-tertiary)}.theme-text-tertiary-light{color:var(--theme-color-tertiary-light)}.theme-text-tertiary-lighter{color:var(--theme-color-tertiary-lighter)}.theme-text-tertiary-dark{color:var(--theme-color-tertiary-dark)}.theme-text-tertiary-darker{color:var(--theme-color-tertiary-darker)}.theme-text-tertiary-complement{color:var(--theme-color-tertiary-complement)}.theme-text-tertiary-invert{color:var(--theme-color-tertiary-invert)}.theme-bg-tertiary{background-color:var(--theme-color-tertiary)}.theme-bg-tertiary-light{background-color:var(--theme-color-tertiary-light)}.theme-bg-tertiary-lighter{background-color:var(--theme-color-tertiary-lighter)}.theme-bg-tertiary-dark{background-color:var(--theme-color-tertiary-dark)}.theme-bg-tertiary-darker{background-color:var(--theme-color-tertiary-darker)}.theme-bg-tertiary-complement{background-color:var(--theme-color-tertiary-complement)}.theme-bg-tertiary-invert{background-color:var(--theme-color-tertiary-invert)}.theme-border-tertiary{border-color:var(--theme-color-tertiary)}.theme-border-tertiary-light{border-color:var(--theme-color-tertiary-light)}.theme-border-tertiary-lighter{border-color:var(--theme-color-tertiary-lighter)}.theme-border-tertiary-dark{border-color:var(--theme-color-tertiary-dark)}.theme-border-tertiary-darker{border-color:var(--theme-color-tertiary-darker)}.theme-border-tertiary-complement{border-color:var(--theme-color-tertiary-complement)}.theme-border-tertiary-invert{border-color:var(--theme-color-tertiary-invert)}.theme-text-color,.theme-foreground-color{color:var(--theme-color-text)}.theme-foreground-color-alpha{color:var(--theme-color-foreground-alpha)}.theme-foreground-color-alpha-low{color:var(--theme-color-foreground-alpha-low)}.theme-foreground-color-alpha-high{color:var(--theme-color-foreground-alpha-high)}.theme-bg{background-color:var(--theme-color-background)}.theme-bg-alpha{background-color:var(--theme-color-background-alpha)}.theme-bg-alpha-low{background-color:var(--theme-color-background-alpha-low)}.theme-bg-alpha-high{background-color:var(--theme-color-background-alpha-high)}.theme-bg-paper{background-color:var(--theme-color-paper)}.theme-bg-paper-alpha{background-color:var(--theme-color-paper-alpha)}.theme-bg-paper-alpha-low{background-color:var(--theme-color-paper-alpha-low)}.theme-bg-paper-alpha-high{background-color:var(--theme-color-paper-alpha-high)}
|
package/src/lib/styles/vars.css
CHANGED