summaryrefslogtreecommitdiffstats
path: root/openecomp-ui/resources/scss/bootstrap-cust/_variables.scss
blob: 59f0e3db7c1993f14398599231d2a289e5d01c99 (plain)
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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
//== Colors
//
//## Gray and brand colors for use across Bootstrap.

$gray-darker: $dark-gray;
$gray-dark: $dark-gray;
$gray: $gray;
$gray-light: $light-gray;
$gray-lighter: $light-gray;

$brand-primary: $blue;
$brand-success: $green;
$brand-info: $light-gray;
$brand-warning: $yellow;
$brand-danger: $red;


//== Scaffolding
//
//## Settings for some of the most global styles.

$body-bg: $white;
$text-color: $text-black;
$link-color: $link-blue;
$link-hover-color: $blue;

//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
$font-family-sans-serif: omnes-regular, "Omnes-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
//$font-family-base: $font-family-sans-serif !default;
$font-size-base: $body-font-2;
$font-size-large: $body-font-1;
$font-size-small: $body-font-3;
$font-size-h1: $heading-font-1;
$font-size-h2: $heading-font-2;
$font-size-h3: $heading-font-4;
$font-size-h4: $heading-font-5;



//== Components
//
//## Define common padding and border radius sizes and more.
$border-radius-base: 0;
$border-radius-large: 0;
$border-radius-small: 0;


//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.

// $btn-font-weight: normal !default;
$btn-default-color: $text-color;
$btn-default-bg: $white;
$btn-default-border: $light-gray;

$btn-success-color: $white;

// Allows for customizing button radius independently from global border radius
$btn-border-radius-base: 2px;
$btn-border-radius-large: 2px;
$btn-border-radius-small: 2px;

//== Dropdowns
//
$dropdown-bg: $white;
$dropdown-border: $link-blue;
$dropdown-link-color: $text-black;
$dropdown-divider-bg: $gray;
//** Hover color for dropdown links.
$dropdown-link-hover-color: $black;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: $tlv-hover;

//** Active dropdown menu item text color.
$dropdown-link-active-color: $black;
//** Active dropdown menu item background color.
$dropdown-link-active-bg: $tlv-hover;

//== Forms
//
//##
$form-group-margin-bottom: 24px;


$input-bg: $white;
$input-bg-disabled: $tlv-light-gray;
$input-color: $dark-gray;
$input-border: $light-gray;
$input-border-focus: $dark-blue;

//== Modals
//
//##
$modal-content-bg: $white;
$modal-inner-padding: 0 15px;
$modal-title-padding: 30px 25px 10px 25px;


//== Close
//
//##
$close-color: $tlv-light-gray;

//== Navs
//
//##
//=== Shared nav styles
$nav-link-hover-bg: transparent;

$navbar-inverse-bg: $gray;

//== Tabs
$nav-tabs-border-color: transparent;
$nav-tabs-link-hover-border-color: transparent;
$nav-tabs-active-link-hover-bg: transparent;
$nav-tabs-active-link-hover-color: $text-black;
$nav-tabs-active-link-hover-border-color: transparent;


//== Popovers
//
//##
$popover-bg: $background-gray;