blob: f8bfd7646a733bd6a971aebcc414a7b17785b793 (
plain) (
blame)
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
|
/*******************************
Statistic
*******************************/
/*-------------------
View
--------------------*/
@verticalMargin: 1em;
@margin: @verticalMargin 0;
@textAlign: center;
@maxWidth: none;
/* Group */
@horizontalSpacing: 1.5em;
@rowSpacing: 1em;
@groupMargin: @verticalMargin -@horizontalSpacing -@rowSpacing;
/* Group Element */
@elementMargin: 0 @horizontalSpacing @rowSpacing;
@elementMaxWidth: @maxWidth;
/*-------------------
Content
--------------------*/
/* Value */
@valueFont: @pageFont;
@valueFontWeight: @normal;
@valueLineHeight: 1em;
@valueColor: @black;
@valueTextTransform: uppercase;
/* Label */
@labelSize: @relativeMedium;
@topLabelDistance: 0;
@bottomLabelDistance: 0;
@labelFont: @headerFont;
@labelFontWeight: @bold;
@labelColor: @textColor;
@labelLineHeight: @relativeLarge;
@labelTextTransform: uppercase;
/* Text */
@textValueLineHeight: 1em;
@textValueMinHeight: 2em;
@textValueFontWeight: @bold;
/* Label Image */
@imageHeight: 3rem;
@imageVerticalAlign: baseline;
/*-------------------
Types
--------------------*/
@horizontalGroupElementMargin: 1em 0;
@horizontalLabelDistance: 0.75em;
/*-------------------
Variations
--------------------*/
/* Floated */
@leftFloatedMargin: 0 2em 1em 0;
@rightFloatedMargin: 0 0 1em 2em;
/* Inverted */
@invertedValueColor: @white;
@invertedLabelColor: @invertedTextColor;
/* Item Width */
@itemGroupMargin: 0 0 -@rowSpacing;
@itemMargin: 0 0 @rowSpacing;
/* Stackable */
@stackableRowSpacing: 2rem;
@stackableGutter: 2rem;
/* Size */
@miniTextValueSize: 1rem;
@miniValueSize: 1.5rem;
@miniHorizontalValueSize: 1.5rem;
@tinyTextValueSize: 1rem;
@tinyValueSize: 2rem;
@tinyHorizontalValueSize: 2rem;
@smallTextValueSize: 1rem;
@smallValueSize: 3rem;
@smallHorizontalValueSize: 2rem;
@textValueSize: 2rem;
@valueSize: 4rem;
@horizontalValueSize: 3rem;
@largeTextValueSize: 2.5rem;
@largeValueSize: 5rem;
@largeHorizontalValueSize: 4rem;
@bigTextValueSize: 2.5rem;
@bigValueSize: 5.5rem;
@bigHorizontalValueSize: 4.5rem;
@hugeTextValueSize: 2.5rem;
@hugeValueSize: 6rem;
@hugeHorizontalValueSize: 5rem;
@massiveTextValueSize: 3rem;
@massiveValueSize: 7rem;
@massiveHorizontalValueSize: 6rem;
|