performance-tracker/app/css/variables.less at d3Chart · mickeycoke/performance-tracker · GitHub

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
@import "font-awesome/less/variables";
@import "bootstrap/less/variables.less";


// Bootstrap Overrides
@brand-primary: #48C9AF;
@brand-success: #4cd964;
@brand-warning: #fc0;
@brand-danger: #ff3b30;
@brand-info: #34aadc;

@headings-font-family:    @font-family-base;
@headings-font-weight:    normal;
@btn-font-weight:         normal;
@alert-link-font-weight:  normal;
@badge-font-weight:       normal;
@close-font-weight:       normal;

@navbar-default-color:                     @brand-primary;
@navbar-default-bg:                        #f7f7f7;
@navbar-default-link-color:                @brand-primary;
@navbar-default-link-hover-color:          darken(@brand-primary, 5%);
@navbar-default-link-active-color:         lighten(@brand-primary, 5%);
@navbar-default-link-disabled-color:       lighten(@brand-primary, 20%);
@navbar-default-toggle-icon-bar-bg:        #ccc;
@navbar-default-border: #ccc;
@navbar-border-radius: 0;

@border-radius-base:        4px;
@border-radius-large:       6px;
@border-radius-small:       3px;

// Globals
@font-weight: 200;
@active-link-opacity: .6;
@page-header-margin-top: 10px;

// App
@app-bg: @gray-light;
@zindex-app: 2;
@zindex-app-search: 1029;
@app-shadow: 0 0 4px rgba(0,0,0,0.4);

// Forms
@form-actions-margin-top: -20px;
@app-search-border-radius: 0;

// Switch
@switch-handle-diameter: @input-height-base;
@switch-width: @switch-handle-diameter * 2;
@switch-height: @switch-handle-diameter;
@switch-active-color: @brand-primary;
@zindex-switch-handle: 2;
@switch-border-radius: 999px;
@switch-handle-border-radius: @switch-border-radius;

// Navbars
@btn-icon-only-font-size: 22px;
@navbar-app-height: 50px;

// Overlays
@overlay-margin: -5px -5px -5px -5px;
@overlay-background: rgba(255, 255, 255, .8);
@overlay-content-padding: 20px;
@overlay-dismiss-font-size: 24px;
@overlay-dismiss-margin: @overlay-content-padding / 2;
@overlay-dismiss-margin-top: @overlay-dismiss-margin;
@overlay-dismiss-margin-right: @overlay-dismiss-margin;
@overlay-content-color: #000;
@overlay-blur: 5px;

// Panels

@panel-padding: 10px 15px;
@panel-title-font-size: 20px;
@panel-title-font-weight: 200;
@panel-group-panel-heading-padding: 0 15px;
@panel-title-line-height: @line-height-computed * 2;
@panel-default-panel-heading-padding: 0 0 10px 0;
@panel-default-panel-body-padding: 15px;

// Sidebars
@sidebar-width: 300px;
@sidebar-width-xs: @screen-xs-min - 40;
@sidebar-width-sm: @screen-sm-min - 80;
@sidebar-width-md: 300px;
@sidebar-width-lg: 320px;
@sidebar-left-width: @sidebar-width;
@sidebar-right-width: @sidebar-width;

@sidebar-left-width-xs: @sidebar-width-xs;
@sidebar-right-width-xs: @sidebar-width-xs;

@sidebar-left-width-sm: @sidebar-width-sm;
@sidebar-right-width-sm: @sidebar-width-sm;

@sidebar-left-width-md: @sidebar-width-md;
@sidebar-right-width-md: @sidebar-width-md;

@sidebar-left-width-lg: @sidebar-width-lg;
@sidebar-right-width-lg: @sidebar-width-lg;


@sidebar-header-height: 70px;
@sidebar-header-font-size: 23px;
@zindex-sidebar-header: 10;
@sidebar-header-padding: 0 10px;
@sidebar-header-color: #fff;
@sidebar-background: @gray;
@sidebar-left-background: @sidebar-background;
@sidebar-right-background: @sidebar-background;