UNPKG

@c8y/style

Version:

Styles for Cumulocity IoT applications

46 lines (34 loc) • 2.69 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
//** Main font face @font-family-sans-serif: var(--c8y-font-family-sans-serif); @font-family-serif: var(--c8y-font-family-serif); @headings-font-family: var(--font-family-headings, var(--c8y-headings-font-family)); // ** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. @font-family-monospace: var(--c8y-font-family-mono-spaced); @font-family-base: var(--font-family-base, var(--c8y-font-family-base, @font-family-sans-serif)); //** font size @font-size-base: var(--c8y-font-size-base); @font-size-large: var(--c8y-font-size-large); // 17px @font-size-small: var(--c8y-font-size-small); // 12px @font-size-xs: var(--c8y-font-size-xs); // 10px @font-size-h1: var(--c8y-font-size-h1); // 36px @font-size-h2: var(--c8y-font-size-h2); // 30px @font-size-h3: var(--c8y-font-size-h3); // 24px @font-size-h4: var(--c8y-font-size-h4); // 18px @font-size-h5: var(--c8y-font-size-h5); // 14px @font-size-h6: var(--c8y-font-size-h6); // 12px //** Unit-fallback `line-height` for use in components like buttons. @line-height-base-fallback: 1.42857142857; // 20/14 @line-height-base: var(--c8y-line-height-base, @line-height-base-fallback); @line-height-large: var(--c8y-line-height-large); // 1.3333333 @line-height-small: var(--c8y-line-height-small); // 1 //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. @line-height-computed: calc(@font-size-base * @line-height-base); // 20px @headings-font-weight-fallback: 400; @headings-font-weight: var(--c8y-font-weight-headings, @headings-font-weight-fallback); @headings-line-height-fallback: 1.15; @headings-line-height: var(--c8y-line-height-headings, @headings-line-height-fallback); //** Blockquotes @blockquote-font-size-fallback: var(--c8y-font-size-large); @blockquote-font-size: var(--c8y-blockquote-font-size, @blockquote-font-size-fallback); //** Width of horizontal description list titles @dl-horizontal-offset: var(--c8y-dl-horizontal-offset);