UNPKG

mozaik

Version:

Mozaik dashboard composition tool

github.com/plouc/mozaik

plouc/mozaik

58 lines (47 loc) • 2.15 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
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,200,800|Montserrat:400,700") // GENERIC $main-bg-color = #000 $main-txt-color = #856d4e $main-margin = 4vmin $main-font = normal normal 400 unquote("1.6vmin/3vmin") "Open Sans", sans-serif $card-bg-color = transparent // WIDGET $widget-spacing = 6vmin $widget-bg-color = transparent $widget-shadow = 0 1px 1px rgba(0, 0, 0, 0.15) // WIDGET — header $widget-header-height = 6vmin $widget-header-bg-color = transparent $widget-header-txt-color = $main-txt-color $widget-header-icon-color = darken($main-txt-color, 15) $widget-header-icon-size = 2.6vmin $widget-header-shadow = none $widget-header-border-bottom = 1px solid darken($main-txt-color, 20) $widget-header-border-radius = 0 $widget-header-font = normal normal 400 1.8vmin "Montserrat", sans-serif // WIDGET — header count $widget-header-count-bg-color = $main-bg-color $widget-header-count-txt-color = lighten($main-txt-color, 20) $widget-header-count-border-radius = 1px $widget-header-count-padding = 0.6vmin 1.6vmin // WIDGET — body $widget-body-border = 3px solid #fff $widget-body-bg-color = transparent // TABLE $table-border-h = 1px solid #253246 // COUNT $count-padding = 0.4vmin 1.2vmin $count-font-size = 1.6vmin $count-bg-color = #000 $count-txt-color = lighten($main-txt-color, 20) $count-border-radius = 1px // Meaningful color $unknown-color = #d3dfe8 $success-color = #698c77 $warning-color = #d1be65 $failure-color = #e37856 // CHART $histogram-bar-bg-color = #fafafa // PROPS $prop-key-txt-color = $main-txt-color $prop-value-txt-color = lighten($main-txt-color, 10)