patternfly-sass 3.3.6 → 3.4.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/assets/stylesheets/_patternfly.scss +1 -0
- data/assets/stylesheets/patternfly/_alerts.scss +1 -1
- data/assets/stylesheets/patternfly/_bootstrap-combobox.scss +1 -1
- data/assets/stylesheets/patternfly/_bootstrap-datepicker.scss +5 -5
- data/assets/stylesheets/patternfly/_bootstrap-select.scss +7 -9
- data/assets/stylesheets/patternfly/_bootstrap-switch.scss +1 -1
- data/assets/stylesheets/patternfly/_buttons.scss +4 -4
- data/assets/stylesheets/patternfly/_cards.scss +1 -1
- data/assets/stylesheets/patternfly/_charts.scss +2 -2
- data/assets/stylesheets/patternfly/_color-variables.scss +4 -1
- data/assets/stylesheets/patternfly/_datatables.scss +11 -11
- data/assets/stylesheets/patternfly/_forms.scss +2 -2
- data/assets/stylesheets/patternfly/_infotip.scss +3 -3
- data/assets/stylesheets/patternfly/_list-view.scss +3 -3
- data/assets/stylesheets/patternfly/_login.scss +5 -6
- data/assets/stylesheets/patternfly/_mixin_overrides.scss +3 -3
- data/assets/stylesheets/patternfly/_mixins.scss +3 -3
- data/assets/stylesheets/patternfly/_modals.scss +1 -1
- data/assets/stylesheets/patternfly/_nav-vertical-alt.scss +1 -1
- data/assets/stylesheets/patternfly/_navbar.scss +5 -7
- data/assets/stylesheets/patternfly/_notifications-drawer.scss +116 -0
- data/assets/stylesheets/patternfly/_pager.scss +1 -1
- data/assets/stylesheets/patternfly/_pagination.scss +2 -2
- data/assets/stylesheets/patternfly/_panels.scss +4 -3
- data/assets/stylesheets/patternfly/_popovers.scss +1 -1
- data/assets/stylesheets/patternfly/_progress-bars.scss +1 -1
- data/assets/stylesheets/patternfly/_search.scss +1 -1
- data/assets/stylesheets/patternfly/_sidebar.scss +2 -2
- data/assets/stylesheets/patternfly/_spinner.scss +8 -8
- data/assets/stylesheets/patternfly/_tables.scss +2 -2
- data/assets/stylesheets/patternfly/_toast.scss +2 -2
- data/assets/stylesheets/patternfly/_toolbar.scss +3 -3
- data/assets/stylesheets/patternfly/_variables.scss +90 -90
- data/assets/stylesheets/patternfly/_vertical-nav.scss +2 -2
- data/assets/stylesheets/patternfly/lib/bootstrap-datepicker.scss +2 -2
- data/bower.json +1 -1
- data/lib/patternfly-sass/version.rb +2 -2
- data/spec/html/dist/css/patternfly-additions.css +372 -264
- data/spec/html/dist/css/patternfly-additions.css.map +1 -1
- data/spec/html/dist/css/patternfly-additions.min.css +2 -2
- data/spec/html/dist/css/patternfly-additions.min.css.map +1 -1
- data/spec/html/dist/css/patternfly.css +323 -303
- data/spec/html/dist/css/patternfly.css.map +1 -1
- data/spec/html/dist/css/patternfly.min.css +3 -3
- data/spec/html/dist/css/patternfly.min.css.map +1 -1
- data/spec/html/forms.html +7 -4
- data/spec/html/horizontal-navigation.html +759 -0
- data/spec/html/index.html +6 -0
- data/spec/html/list-view.html +12 -3
- data/spec/html/navbar.html +87 -87
- data/spec/html/notifications-drawer.html +1624 -0
- data/spec/html/vertical-navigation-without-icons.html +4 -6
- data/spec/html/vertical-navigation.html +6 -8
- data/tasks/converter.rb +6 -0
- metadata +8 -3
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
}
|
|
148
148
|
.context-bootstrap-select { // Also see bootstrap-select.less
|
|
149
149
|
.open > .dropdown-menu {
|
|
150
|
-
background-color:
|
|
150
|
+
background-color: $color-pf-white !important;
|
|
151
151
|
> .active > a {
|
|
152
152
|
&,
|
|
153
153
|
&:active {
|
|
@@ -167,10 +167,9 @@
|
|
|
167
167
|
&:active {
|
|
168
168
|
background-color: $dropdown-link-active-bg !important;
|
|
169
169
|
border-color: $dropdown-link-active-border-color !important;
|
|
170
|
-
color:
|
|
170
|
+
color: $color-pf-white !important;
|
|
171
171
|
small {
|
|
172
|
-
color:
|
|
173
|
-
color:rgba(225,255,255,0.5) !important;
|
|
172
|
+
color: rgba($color-pf-white, 0.5) !important;
|
|
174
173
|
}
|
|
175
174
|
}
|
|
176
175
|
}
|
|
@@ -184,8 +183,7 @@
|
|
|
184
183
|
}
|
|
185
184
|
& a {
|
|
186
185
|
&:active small {
|
|
187
|
-
color:
|
|
188
|
-
color:rgba(225,255,255,0.5) !important;
|
|
186
|
+
color: rgba($color-pf-white, 0.5) !important;
|
|
189
187
|
}
|
|
190
188
|
&:hover,
|
|
191
189
|
&:focus {
|
|
@@ -245,7 +243,7 @@
|
|
|
245
243
|
background-color: transparent;
|
|
246
244
|
outline: none;
|
|
247
245
|
.icon-bar {
|
|
248
|
-
@include box-shadow(0 0 3px
|
|
246
|
+
@include box-shadow(0 0 3px $color-pf-white);
|
|
249
247
|
}
|
|
250
248
|
}
|
|
251
249
|
.icon-bar {
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Notifications Drawer
|
|
3
|
+
// --------------------------------------------------
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
.drawer-pf {
|
|
7
|
+
background-color: $color-pf-black-100;
|
|
8
|
+
border: 1px solid $card-pf-border-color;
|
|
9
|
+
@include box-shadow(0 6px 12px rgba(0,0,0,.175));
|
|
10
|
+
overflow-y: auto;
|
|
11
|
+
position: absolute;
|
|
12
|
+
right: 0;
|
|
13
|
+
width: 320px;
|
|
14
|
+
.panel {
|
|
15
|
+
border-bottom: none;
|
|
16
|
+
border-left: none;
|
|
17
|
+
border-right: none;
|
|
18
|
+
}
|
|
19
|
+
.panel-group .panel-heading+.panel-collapse .panel-body {
|
|
20
|
+
border-top: none;
|
|
21
|
+
padding: 0;
|
|
22
|
+
}
|
|
23
|
+
.panel-counter {
|
|
24
|
+
display: block;
|
|
25
|
+
font-style: italic;
|
|
26
|
+
line-height: 1.2;
|
|
27
|
+
padding-left: 18px;
|
|
28
|
+
padding-top: 5px;
|
|
29
|
+
}
|
|
30
|
+
.panel-heading { border-bottom: 1px solid $card-pf-border-color; }
|
|
31
|
+
.panel-group {
|
|
32
|
+
bottom: 52px; // Height of Mark All Read box.
|
|
33
|
+
margin-bottom: 0;
|
|
34
|
+
position: absolute;
|
|
35
|
+
top: 25px; // Height of Notifications Drawer box.
|
|
36
|
+
width: 100%;
|
|
37
|
+
}
|
|
38
|
+
.panel-title a { display: block; }
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.drawer-pf-action {
|
|
42
|
+
border-top: 1px solid $card-pf-border-color;
|
|
43
|
+
bottom: 21px;
|
|
44
|
+
@include gradient-vertical($btn-default-bg-img-start, $btn-default-bg-img-stop);
|
|
45
|
+
position: fixed;
|
|
46
|
+
.btn {
|
|
47
|
+
padding: 15px 0;
|
|
48
|
+
width: 318px;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.drawer-pf-loading {
|
|
53
|
+
color: $gray-pf;
|
|
54
|
+
font-size: ($font-size-base + 2);
|
|
55
|
+
padding: 20px 15px;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.drawer-pf-notification {
|
|
59
|
+
border-bottom: 1px solid $card-pf-border-color;
|
|
60
|
+
padding: 15px;
|
|
61
|
+
.date {
|
|
62
|
+
border-right: 1px solid #aaa;
|
|
63
|
+
display: inline-block;
|
|
64
|
+
line-height: 1;
|
|
65
|
+
margin-right: 5px;
|
|
66
|
+
padding-right: 9px;
|
|
67
|
+
}
|
|
68
|
+
.pficon {
|
|
69
|
+
font-size: $font-size-large;
|
|
70
|
+
margin-top: 3px;
|
|
71
|
+
}
|
|
72
|
+
&:hover { background-color: $color-pf-blue-50; }
|
|
73
|
+
&.unread .drawer-pf-notification-message { font-weight: bold; }
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.drawer-pf-notification-info,
|
|
77
|
+
.drawer-pf-notification-message {
|
|
78
|
+
display: block;
|
|
79
|
+
padding-left: 27px;
|
|
80
|
+
padding-right: 19px;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.drawer-pf-notifications-non-clickable .drawer-pf-notification:hover {
|
|
84
|
+
background-color: $color-pf-white;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.drawer-pf-title {
|
|
88
|
+
background-color: $color-pf-black-100;
|
|
89
|
+
border-bottom: 1px solid $card-pf-border-color;
|
|
90
|
+
position: fixed;
|
|
91
|
+
width: 318px;
|
|
92
|
+
h3 {
|
|
93
|
+
font-size: $font-size-base;
|
|
94
|
+
margin: 0;
|
|
95
|
+
padding: 6px 15px;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
/* Exclusive styles to work with Vertical Navigation */
|
|
100
|
+
.navbar-pf-vertical {
|
|
101
|
+
.drawer-pf {
|
|
102
|
+
height: calc(100vh - 80px);//to create a 20px offset bottom
|
|
103
|
+
top: 58px; //menu height;
|
|
104
|
+
}
|
|
105
|
+
.nav .drawer-pf-trigger {
|
|
106
|
+
.drawer-pf-trigger-icon {
|
|
107
|
+
border-left: 1px solid $navbar-pf-navbar-utility-border-color;
|
|
108
|
+
border-right: 1px solid $navbar-pf-navbar-utility-border-color;
|
|
109
|
+
padding-left: 15px;
|
|
110
|
+
padding-right: 15px;
|
|
111
|
+
}
|
|
112
|
+
&.open .drawer-pf-trigger-icon {
|
|
113
|
+
background-color: $navbar-pf-navbar-utility-hover-bg-color;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
}
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
> li > a,
|
|
21
21
|
> li > span {
|
|
22
22
|
&:active {
|
|
23
|
-
@include box-shadow(inset 0 2px 8px rgba(
|
|
23
|
+
@include box-shadow(inset 0 2px 8px rgba($color-pf-black, 0.2));
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
> .active > a,
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
&:focus {
|
|
31
31
|
background-color: $btn-default-bg;
|
|
32
32
|
border-color: $pagination-border;
|
|
33
|
-
@include box-shadow(inset 0 2px 8px rgba(
|
|
33
|
+
@include box-shadow(inset 0 2px 8px rgba($color-pf-black, 0.2));
|
|
34
34
|
color: $btn-default-color;
|
|
35
35
|
@include gradient-vertical($btn-default-bg-img-start, $btn-default-bg-img-stop);
|
|
36
36
|
}
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
}
|
|
20
20
|
.panel-default {
|
|
21
21
|
border-color: $panel-default-border-color;
|
|
22
|
-
border-top-color:
|
|
22
|
+
border-top-color: $panel-default-border-color;
|
|
23
23
|
}
|
|
24
24
|
.panel-heading {
|
|
25
25
|
@include gradient-vertical($btn-default-bg-img-start, $btn-default-bg-img-stop);
|
|
@@ -35,10 +35,13 @@
|
|
|
35
35
|
font-weight: $btn-font-weight;
|
|
36
36
|
&:before {
|
|
37
37
|
content: "\f107";
|
|
38
|
+
display: inline-block;
|
|
38
39
|
font-family: $icon-font-name-fa;
|
|
39
40
|
font-size: 13px;
|
|
40
41
|
margin-right: 5px;
|
|
42
|
+
text-align: center;
|
|
41
43
|
vertical-align: 0;
|
|
44
|
+
width: 8px;
|
|
42
45
|
}
|
|
43
46
|
&:focus {
|
|
44
47
|
outline: none;
|
|
@@ -49,8 +52,6 @@
|
|
|
49
52
|
}
|
|
50
53
|
&.collapsed:before {
|
|
51
54
|
content: "\f105";
|
|
52
|
-
margin-left: 4px;
|
|
53
|
-
margin-right: 7px;
|
|
54
55
|
}
|
|
55
56
|
}
|
|
56
57
|
}
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
.has-clear {
|
|
29
29
|
.clear {
|
|
30
30
|
background: transparent; // IE8
|
|
31
|
-
background: rgba(
|
|
31
|
+
background: rgba($color-pf-white, 0.0); // to make the whole button clickable in IE9+
|
|
32
32
|
border: 0;
|
|
33
33
|
height: ($input-height-base - 1);
|
|
34
34
|
line-height: 1;
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
&.active > a {
|
|
42
42
|
background: $dropdown-link-active-bg !important;
|
|
43
43
|
border-color: $dropdown-link-active-border-color !important;
|
|
44
|
-
color:
|
|
44
|
+
color: $color-pf-white;
|
|
45
45
|
@media (min-width: $grid-float-breakpoint) {
|
|
46
46
|
&:after {
|
|
47
47
|
content: $fa-var-angle-right;
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
.fa {
|
|
56
|
-
color:
|
|
56
|
+
color: $color-pf-white;
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
> a {
|
|
@@ -15,11 +15,11 @@
|
|
|
15
15
|
.spinner {
|
|
16
16
|
-webkit-animation: rotation .6s infinite linear;
|
|
17
17
|
animation: rotation .6s infinite linear;
|
|
18
|
-
border-bottom: 4px solid rgba(
|
|
19
|
-
border-left: 4px solid rgba(
|
|
20
|
-
border-right: 4px solid rgba(
|
|
18
|
+
border-bottom: 4px solid rgba($color-pf-black, 0.25);
|
|
19
|
+
border-left: 4px solid rgba($color-pf-black, 0.25);
|
|
20
|
+
border-right: 4px solid rgba($color-pf-black, 0.25);
|
|
21
21
|
border-radius: 100%;
|
|
22
|
-
border-top: 4px solid rgba(
|
|
22
|
+
border-top: 4px solid rgba($color-pf-black, 0.75);
|
|
23
23
|
height: ($font-size-base * 2);
|
|
24
24
|
margin: 0 auto;
|
|
25
25
|
position: relative;
|
|
@@ -44,10 +44,10 @@
|
|
|
44
44
|
width: $font-size-base;
|
|
45
45
|
}
|
|
46
46
|
&.spinner-inverse {
|
|
47
|
-
border-bottom-color: rgba(
|
|
48
|
-
border-left-color: rgba(
|
|
49
|
-
border-right-color: rgba(
|
|
50
|
-
border-top-color: rgba(
|
|
47
|
+
border-bottom-color: rgba($color-pf-white, 0.25);
|
|
48
|
+
border-left-color: rgba($color-pf-white, 0.25);
|
|
49
|
+
border-right-color: rgba($color-pf-white, 0.25);
|
|
50
|
+
border-top-color: rgba($color-pf-white, 0.75);
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
}
|
|
24
24
|
> thead {
|
|
25
25
|
background-clip: padding-box;
|
|
26
|
-
background-color:
|
|
27
|
-
@include gradient-vertical($start-color: $color-pf-black-100, $end-color:
|
|
26
|
+
background-color: $color-pf-black-150;
|
|
27
|
+
@include gradient-vertical($start-color: $color-pf-black-100, $end-color: $color-pf-black-200, $start-percent: 0%, $end-percent: 100%);
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
.toast-pf {
|
|
6
6
|
background-color: hsla(0, 0%, 100%, .94);
|
|
7
|
-
border-color:
|
|
7
|
+
border-color: $color-pf-black-400;
|
|
8
8
|
box-shadow: 0 2px 6px hsla(0, 0%, 0%, .2);
|
|
9
9
|
padding-left: 68px; //15px space between the icon and the text
|
|
10
10
|
&.alert-danger > .pficon { background-color: $alert-danger-border; }
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
> .pficon {
|
|
16
16
|
background-color: $gray-pf;
|
|
17
17
|
bottom: -1px;
|
|
18
|
-
box-shadow: 2px 0 5px -2px rgba(
|
|
18
|
+
box-shadow: 2px 0 5px -2px rgba($color-pf-black, 0.2);
|
|
19
19
|
left: -1px;
|
|
20
20
|
padding-top: 10px;
|
|
21
21
|
text-align: center;
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
// --------------------------------------------------
|
|
4
4
|
|
|
5
5
|
.toolbar-pf {
|
|
6
|
-
background:
|
|
6
|
+
background: $color-pf-white;
|
|
7
7
|
border-bottom: 1px solid $sidebar-pf-border-color;
|
|
8
|
-
box-shadow: 0 1px 0px rgba(
|
|
8
|
+
box-shadow: 0 1px 0px rgba($color-pf-black, 0.045);
|
|
9
9
|
padding-top: ($grid-gutter-width/4);
|
|
10
10
|
.form-group {
|
|
11
11
|
margin-bottom: ($grid-gutter-width/4);
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
.label {
|
|
97
97
|
font-size: ($font-size-base - 1);
|
|
98
98
|
a {
|
|
99
|
-
color:
|
|
99
|
+
color: $color-pf-white;
|
|
100
100
|
display: inline-block;
|
|
101
101
|
margin-left: 5px;
|
|
102
102
|
}
|
|
@@ -8,22 +8,22 @@ $patternfly-sass-asset-helper: false !default;
|
|
|
8
8
|
// -------------------
|
|
9
9
|
@import "color-variables";
|
|
10
10
|
|
|
11
|
-
$bootstrap-switch-handle-default-bg-color:
|
|
11
|
+
$bootstrap-switch-handle-default-bg-color: $color-pf-black-100 !default;
|
|
12
12
|
$btn-default-bg-img-start: $color-pf-black-100 !default;
|
|
13
|
-
$btn-default-bg-img-stop:
|
|
13
|
+
$btn-default-bg-img-stop: $color-pf-black-200 !default;
|
|
14
14
|
$btn-xs-font-weight: 400 !default;
|
|
15
15
|
$card-pf-accented-border-top-color: $color-pf-blue-300 !default;
|
|
16
|
-
$card-pf-aggregate-status-title-icon-color:
|
|
17
|
-
$card-pf-bg-color:
|
|
16
|
+
$card-pf-aggregate-status-title-icon-color: $color-pf-black-900 !default;
|
|
17
|
+
$card-pf-bg-color: $color-pf-white !default;
|
|
18
18
|
$card-pf-border-color: $color-pf-black-300 !default;
|
|
19
19
|
$card-pf-border-top-color: transparent !default;
|
|
20
|
-
$card-pf-container-bg-color:
|
|
20
|
+
$card-pf-container-bg-color: $color-pf-black-150 !default;
|
|
21
21
|
$card-pf-footer-bg-color: $color-pf-black-100 !default;
|
|
22
22
|
$donut-font-size-big: 30px !default;
|
|
23
23
|
$dropdown-divider-margin: 4px 1px !default;
|
|
24
|
-
$dropdown-link-active-border-color:
|
|
25
|
-
$dropdown-link-hover-border-color:
|
|
26
|
-
$dropdown-link-focus-color:
|
|
24
|
+
$dropdown-link-active-border-color: $color-pf-blue !default;
|
|
25
|
+
$dropdown-link-hover-border-color: $color-pf-blue-100 !default;
|
|
26
|
+
$dropdown-link-focus-color: $color-pf-white !default;
|
|
27
27
|
$flyout-transition-pf: all .2s cubic-bezier(.35,0,.25,1) !default;
|
|
28
28
|
$font-family-monospace: Menlo, Monaco, Consolas, monospace !default;
|
|
29
29
|
$font-path: if($patternfly-sass-asset-helper, "patternfly", "../fonts/patternfly") !default;
|
|
@@ -31,7 +31,7 @@ $footer-pf-bg-color: $color-pf-bl
|
|
|
31
31
|
$footer-pf-padding-left: 25px !default;
|
|
32
32
|
$footer-pf-padding-top: 10px !default;
|
|
33
33
|
$footer-pf-height: 37px !default;
|
|
34
|
-
$gray-light-pf:
|
|
34
|
+
$gray-light-pf: $color-pf-black-400 !default;
|
|
35
35
|
$gray-pf: $color-pf-black-700 !default;
|
|
36
36
|
$icon-font-name-fa: "FontAwesome" !default;
|
|
37
37
|
$icon-font-name-pf: "PatternFlyIcons-webfont" !default;
|
|
@@ -46,42 +46,41 @@ $img-spinner-inverse-xs: "spinner-inv
|
|
|
46
46
|
$img-spinner-lg: "spinner-lg.gif" !default;
|
|
47
47
|
$img-spinner-sm: "spinner-sm.gif" !default;
|
|
48
48
|
$img-spinner-xs: "spinner-xs.gif" !default;
|
|
49
|
-
$input-border-disabled:
|
|
50
|
-
$input-border-hover:
|
|
51
|
-
$list-view-accented-border:
|
|
52
|
-
$list-view-active-bg:
|
|
49
|
+
$input-border-disabled: $color-pf-black-300 !default;
|
|
50
|
+
$input-border-hover: $color-pf-blue-200 !default;
|
|
51
|
+
$list-view-accented-border: $color-pf-blue-300 !default;
|
|
52
|
+
$list-view-active-bg: $color-pf-blue-50 !default;
|
|
53
53
|
$list-view-divider: $color-pf-black-300 !default;
|
|
54
|
-
$list-view-hover-bg:
|
|
55
|
-
$list-group-top-border:
|
|
56
|
-
$login-bg-color:
|
|
57
|
-
$login-container-bg-color:
|
|
58
|
-
$login-container-bg-color-rgba: rgba(255, 255, 255, 0.055) !default;
|
|
54
|
+
$list-view-hover-bg: $color-pf-black-200 !default;
|
|
55
|
+
$list-group-top-border: $color-pf-black-200 !default;
|
|
56
|
+
$login-bg-color: $color-pf-black !default;
|
|
57
|
+
$login-container-bg-color-rgba: rgba($color-pf-white, 0.055) !default;
|
|
59
58
|
$modal-title-padding-horizontal: 18px !default;
|
|
60
59
|
$modal-title-padding-vertical: 10px !default;
|
|
61
|
-
$navbar-pf-active-color:
|
|
62
|
-
$navbar-pf-alt-active-color:
|
|
60
|
+
$navbar-pf-active-color: $color-pf-black-150 !default;
|
|
61
|
+
$navbar-pf-alt-active-color: $color-pf-white !default;
|
|
63
62
|
$navbar-pf-alt-bg-color: $color-pf-black !default;
|
|
64
63
|
$navbar-pf-alt-bg-img: url("../img/bg-navbar-pf-alt.svg") !default;
|
|
65
64
|
$navbar-pf-bg-color: $color-pf-black !default;
|
|
66
|
-
$navbar-pf-border-color:
|
|
67
|
-
$navbar-pf-color:
|
|
65
|
+
$navbar-pf-border-color: $color-pf-blue-300 !default;
|
|
66
|
+
$navbar-pf-color: $color-pf-black-300 !default;
|
|
68
67
|
$navbar-pf-height: 60px !default;
|
|
69
|
-
$navbar-pf-icon-bar-bg-color:
|
|
68
|
+
$navbar-pf-icon-bar-bg-color: $color-pf-white !default;
|
|
70
69
|
$navbar-pf-navbar-navbar-brand-min-width: 270px !default;
|
|
71
70
|
$navbar-pf-navbar-navbar-brand-padding: 8px 0 7px !default;
|
|
72
|
-
$navbar-pf-navbar-navbar-persistent-bg-color:
|
|
73
|
-
$navbar-pf-navbar-navbar-persistent-border-color:
|
|
74
|
-
$navbar-pf-vertical-active-color:
|
|
71
|
+
$navbar-pf-navbar-navbar-persistent-bg-color: $color-pf-black-150 !default;
|
|
72
|
+
$navbar-pf-navbar-navbar-persistent-border-color: $color-pf-black-300 !default;
|
|
73
|
+
$navbar-pf-vertical-active-color: $color-pf-white !default;
|
|
75
74
|
$navbar-pf-vertical-bg-color: #1d1d1d !default;
|
|
76
75
|
$navbar-pf-vertical-bg-repeat: no-repeat !default;
|
|
77
76
|
$navbar-pf-vertical-bg-size: auto 100% !default;
|
|
78
|
-
$navbar-pf-vertical-border-color:
|
|
77
|
+
$navbar-pf-vertical-border-color: $color-pf-blue-300 !default;
|
|
79
78
|
$navbar-pf-vertical-border-style: solid !default;
|
|
80
79
|
$navbar-pf-vertical-border-width: 2px !default;
|
|
81
|
-
$navbar-pf-vertical-color:
|
|
80
|
+
$navbar-pf-vertical-color: $color-pf-black-300 !default;
|
|
82
81
|
$navbar-pf-vertical-height: 60px !default;
|
|
83
|
-
$navbar-pf-vertical-icon-bar-bg-color:
|
|
84
|
-
$navbar-pf-vertical-navbar-brand-color:
|
|
82
|
+
$navbar-pf-vertical-icon-bar-bg-color: $color-pf-white !default;
|
|
83
|
+
$navbar-pf-vertical-navbar-brand-color: $color-pf-white !default;
|
|
85
84
|
$navbar-pf-vertical-navbar-brand-icon-margin: 0 15px 0 0 !default;
|
|
86
85
|
$navbar-pf-vertical-navbar-brand-margin: 0 0 0 25px !default;
|
|
87
86
|
$navbar-pf-vertical-navbar-brand-min-height: 35px !default;
|
|
@@ -89,36 +88,36 @@ $navbar-pf-vertical-navbar-brand-name-breakpoint: 480px !defau
|
|
|
89
88
|
$navbar-pf-vertical-navbar-brand-name-margin: 0 15px 0 0 !default;
|
|
90
89
|
$navbar-pf-vertical-navbar-brand-padding: 11px 0 12px !default;
|
|
91
90
|
$navbar-pf-vertical-navbar-toggle-margin: 13px 15px !default;
|
|
92
|
-
$navbar-pf-vertical-navbar-toggle-icon-bar-hover-bg:
|
|
91
|
+
$navbar-pf-vertical-navbar-toggle-icon-bar-hover-bg: $color-pf-white !default;
|
|
93
92
|
$navbar-pf-vertical-nav-item-iconic-padding: 21px 12px !default;
|
|
94
|
-
$nav-pf-vertical-active-color:
|
|
95
|
-
$nav-pf-vertical-active-before-color:
|
|
93
|
+
$nav-pf-vertical-active-color: $color-pf-white !default;
|
|
94
|
+
$nav-pf-vertical-active-before-color: $color-pf-blue-300 !default;
|
|
96
95
|
$nav-pf-vertical-active-bg-color: $color-pf-black-800 !default;
|
|
97
|
-
$nav-pf-vertical-active-border-color:
|
|
96
|
+
$nav-pf-vertical-active-border-color: $color-pf-black-900 !default;
|
|
98
97
|
$nav-pf-vertical-active-font-weight: 600 !default;
|
|
99
|
-
$nav-pf-vertical-active-icon-color:
|
|
100
|
-
$nav-pf-vertical-badge-color:
|
|
98
|
+
$nav-pf-vertical-active-icon-color: $color-pf-blue-300 !default;
|
|
99
|
+
$nav-pf-vertical-badge-color: $color-pf-white !default;
|
|
101
100
|
$nav-pf-vertical-bg-color: $color-pf-black-900 !default;
|
|
102
|
-
$nav-pf-vertical-border-color:
|
|
101
|
+
$nav-pf-vertical-border-color: $color-pf-black-900 !default;
|
|
103
102
|
$nav-pf-vertical-collapsed-width: 75px !default;
|
|
104
|
-
$nav-pf-vertical-color:
|
|
103
|
+
$nav-pf-vertical-color: $color-pf-black-300 !default;
|
|
105
104
|
$nav-pf-vertical-font-weight: 400 !default;
|
|
106
105
|
$nav-pf-vertical-icon-color: $color-pf-black-600 !default;
|
|
107
106
|
$nav-pf-vertical-icon-width: 24px !default;
|
|
108
|
-
$nav-pf-vertical-item-border-color:
|
|
107
|
+
$nav-pf-vertical-item-border-color: $color-pf-black !default;
|
|
109
108
|
$nav-pf-vertical-link-height: 63px !default;
|
|
110
109
|
$nav-pf-vertical-link-padding: 17px 20px 17px 25px !default;
|
|
111
|
-
$nav-pf-vertical-secondary-active-color:
|
|
110
|
+
$nav-pf-vertical-secondary-active-color: $color-pf-white !default;
|
|
112
111
|
$nav-pf-vertical-secondary-active-bg-color: $color-pf-black-700 !default;
|
|
113
|
-
$nav-pf-vertical-secondary-active-icon-color:
|
|
114
|
-
$nav-pf-vertical-secondary-badge-color:
|
|
112
|
+
$nav-pf-vertical-secondary-active-icon-color: $color-pf-blue-300 !default;
|
|
113
|
+
$nav-pf-vertical-secondary-badge-color: $color-pf-white !default;
|
|
115
114
|
$nav-pf-vertical-secondary-badge-bg-color: $color-pf-black-900 !default;
|
|
116
|
-
$nav-pf-vertical-secondary-border-color:
|
|
117
|
-
$nav-pf-vertical-secondary-color:
|
|
115
|
+
$nav-pf-vertical-secondary-border-color: $color-pf-blue-300 !default;
|
|
116
|
+
$nav-pf-vertical-secondary-color: $color-pf-white !default;
|
|
118
117
|
$nav-pf-vertical-secondary-header-margin: 18px 20px 10px 20px !default;
|
|
119
118
|
$nav-pf-vertical-secondary-indicator-color: $color-pf-black-600 !default;
|
|
120
|
-
$nav-pf-vertical-
|
|
121
|
-
$nav-pf-vertical-secondary-item-color:
|
|
119
|
+
$nav-pf-vertical-secondary-indicator-padding: 17px 0 !default;
|
|
120
|
+
$nav-pf-vertical-secondary-item-color: $color-pf-black-300 !default;
|
|
122
121
|
$nav-pf-vertical-secondary-item-padding: 0 0 5px 0 !default;
|
|
123
122
|
$nav-pf-vertical-secondary-link-height: 63px !default;
|
|
124
123
|
$nav-pf-vertical-secondary-link-padding: 0 15px 0 20px !default;
|
|
@@ -126,7 +125,7 @@ $nav-pf-vertical-secondary-list-header-margin: 30px 20px 10
|
|
|
126
125
|
$nav-pf-vertical-secondary-width: 250px !default;
|
|
127
126
|
$nav-pf-vertical-width: 200px !default;
|
|
128
127
|
$pagination-padding-small-vertical: 0 !default;
|
|
129
|
-
$panel-default-border-color:
|
|
128
|
+
$panel-default-border-color: $color-pf-black-400 !default;
|
|
130
129
|
$pficon-var-add-circle-o: "\e61b" !default;
|
|
131
130
|
$pficon-var-blueprint: "\e915" !default;
|
|
132
131
|
$pficon-var-build: "\e902" !default;
|
|
@@ -189,8 +188,8 @@ $pficon-var-warning-triangle-o: "\e61c" !def
|
|
|
189
188
|
$pficon-var-zone: "\e911" !default;
|
|
190
189
|
$progress-description-label-width: 85px !default;
|
|
191
190
|
$sidebar-pf-bg: $color-pf-black-100 !default;
|
|
192
|
-
$sidebar-pf-border-color:
|
|
193
|
-
$table-border-hover:
|
|
191
|
+
$sidebar-pf-border-color: $color-pf-black-300 !default;
|
|
192
|
+
$table-border-hover: $color-pf-blue-50 !default;
|
|
194
193
|
$table-cell-padding-bottom: 3px !default;
|
|
195
194
|
$table-cell-padding-top: 2px !default;
|
|
196
195
|
// Reference variables declared in block above
|
|
@@ -243,11 +242,10 @@ $footer-pf-alt-padding-top: $footer-pf-p
|
|
|
243
242
|
$footer-pf-alt-height: $footer-pf-height !default;
|
|
244
243
|
$img-path-alt: $img-path !default;
|
|
245
244
|
$nav-pf-vertical-alt-active-color: $color-pf-blue-300 !default;
|
|
246
|
-
$nav-pf-vertical-alt-bg-color:
|
|
247
|
-
$nav-pf-vertical-alt-badge-color:
|
|
245
|
+
$nav-pf-vertical-alt-bg-color: $color-pf-white !default;
|
|
246
|
+
$nav-pf-vertical-alt-badge-color: $color-pf-white !default;
|
|
248
247
|
$nav-pf-vertical-alt-border-color: $sidebar-pf-border-color !default;
|
|
249
248
|
$nav-pf-vertical-alt-collapsed-width: 75px !default;
|
|
250
|
-
$nav-pf-vertical-alt-color: #464952 !default;
|
|
251
249
|
$nav-pf-vertical-alt-link-height: 63px !default;
|
|
252
250
|
$nav-pf-vertical-alt-link-padding: 17px 20px 17px 25px !default;
|
|
253
251
|
$nav-pf-vertical-alt-width: 250px !default;
|
|
@@ -274,77 +272,78 @@ $navbar-pf-alt-navbar-toggle-icon-bar-hover-bg: $navbar-pf-v
|
|
|
274
272
|
$alert-info-border: $color-pf-black-500 !default;
|
|
275
273
|
$alert-link-font-weight: 500 !default;
|
|
276
274
|
$alert-padding: 11px !default;
|
|
277
|
-
$body-bg:
|
|
275
|
+
$body-bg: $color-pf-white !default;
|
|
278
276
|
$border-radius-base: 1px !default;
|
|
279
277
|
$brand-danger: $color-pf-red !default;
|
|
280
|
-
$brand-info:
|
|
281
|
-
$brand-primary:
|
|
278
|
+
$brand-info: $color-pf-blue-500 !default;
|
|
279
|
+
$brand-primary: $color-pf-blue-300 !default;
|
|
282
280
|
$brand-success: $color-pf-green !default;
|
|
283
281
|
$brand-warning: $color-pf-orange !default;
|
|
284
282
|
$breadcrumb-bg: transparent !default;
|
|
285
283
|
$breadcrumb-separator: "\f105" !default;
|
|
286
284
|
$btn-danger-bg: $color-pf-red-200 !default;
|
|
287
|
-
$btn-danger-border:
|
|
288
|
-
$btn-default-border:
|
|
285
|
+
$btn-danger-border: $color-pf-red-300 !default;
|
|
286
|
+
$btn-default-border: $color-pf-black-400 !default;
|
|
289
287
|
$btn-font-weight: 600 !default;
|
|
290
|
-
$btn-primary-bg:
|
|
291
|
-
$btn-primary-border:
|
|
288
|
+
$btn-primary-bg: $color-pf-blue !default;
|
|
289
|
+
$btn-primary-border: $color-pf-blue-500 !default;
|
|
292
290
|
$caret-width-base: 0 !default;
|
|
293
|
-
$
|
|
294
|
-
$dropdown-
|
|
295
|
-
$dropdown-
|
|
296
|
-
$dropdown-link-
|
|
291
|
+
$code-bg: $color-pf-blue-50 !default;
|
|
292
|
+
$dropdown-border: $color-pf-black-400 !default;
|
|
293
|
+
$dropdown-divider-bg: $color-pf-black-200 !default;
|
|
294
|
+
$dropdown-link-active-color: $color-pf-white !default;
|
|
295
|
+
$dropdown-link-hover-bg: $color-pf-blue-50 !default;
|
|
297
296
|
$font-family-base: "Open Sans", Helvetica, Arial, sans-serif !default;
|
|
298
297
|
$font-size-base: 12px !default;
|
|
299
|
-
$gray-dark: lighten(
|
|
300
|
-
$gray-darker: lighten(
|
|
301
|
-
$gray-light: lighten(
|
|
302
|
-
$gray-lighter: lighten(
|
|
298
|
+
$gray-dark: lighten($color-pf-black, 20%) !default; // #333
|
|
299
|
+
$gray-darker: lighten($color-pf-black, 13.5%) !default; // #222
|
|
300
|
+
$gray-light: lighten($color-pf-black, 60%) !default; // #999
|
|
301
|
+
$gray-lighter: lighten($color-pf-black, 93.5%) !default; // #eee
|
|
303
302
|
$grid-gutter-width: 40px !default;
|
|
304
|
-
$input-bg-disabled:
|
|
305
|
-
$input-border:
|
|
303
|
+
$input-bg-disabled: $color-pf-black-150 !default;
|
|
304
|
+
$input-border: $color-pf-black-400 !default;
|
|
306
305
|
$line-height-base: 1.66666667 !default; // 20/12
|
|
307
|
-
$link-color:
|
|
308
|
-
$list-group-border:
|
|
306
|
+
$link-color: $color-pf-blue !default;
|
|
307
|
+
$list-group-border: $color-pf-black-150 !default;
|
|
309
308
|
$list-group-border-radius: 0 !default;
|
|
310
|
-
$list-group-hover-bg:
|
|
311
|
-
$link-hover-color:
|
|
312
|
-
$nav-tabs-border-color:
|
|
309
|
+
$list-group-hover-bg: $color-pf-blue-50 !default;
|
|
310
|
+
$link-hover-color: $color-pf-blue-500 !default;
|
|
311
|
+
$nav-tabs-border-color: $color-pf-black-200 !default;
|
|
313
312
|
$nav-tabs-link-hover-border-color: transparent !default;
|
|
314
313
|
$padding-large-horizontal: 10px !default;
|
|
315
314
|
$padding-base-horizontal: 6px !default;
|
|
316
315
|
$padding-base-vertical: 2px !default;
|
|
317
316
|
$padding-large-vertical: 6px !default;
|
|
318
317
|
$pager-border-radius: 0 !default;
|
|
319
|
-
$pager-disabled-color:
|
|
320
|
-
$pagination-bg:
|
|
318
|
+
$pager-disabled-color: $color-pf-black-500 !default;
|
|
319
|
+
$pagination-bg: $color-pf-black-150 !default;
|
|
321
320
|
$pagination-border: $color-pf-black-400 !default;
|
|
322
|
-
$pagination-hover-bg:
|
|
323
|
-
$panel-inner-border:
|
|
324
|
-
$popover-arrow-color:
|
|
321
|
+
$pagination-hover-bg: $color-pf-black-200 !default;
|
|
322
|
+
$panel-inner-border: $color-pf-black-300 !default;
|
|
323
|
+
$popover-arrow-color: $color-pf-white !default;
|
|
325
324
|
$popover-arrow-outer-color: $color-pf-black-400 !default;
|
|
326
325
|
$popover-border-color: $color-pf-black-400 !default;
|
|
327
326
|
$popover-max-width: 220px !default;
|
|
328
|
-
$popover-title-bg:
|
|
329
|
-
$pre-bg:
|
|
330
|
-
$progress-bg:
|
|
331
|
-
$table-bg-accent:
|
|
332
|
-
$table-bg-hover:
|
|
327
|
+
$popover-title-bg: $color-pf-black-150 !default;
|
|
328
|
+
$pre-bg: $color-pf-black-100 !default;
|
|
329
|
+
$progress-bg: $color-pf-black-200 !default;
|
|
330
|
+
$table-bg-accent: $color-pf-black-150 !default;
|
|
331
|
+
$table-bg-hover: $color-pf-blue-50 !default;
|
|
333
332
|
$table-border-color: $color-pf-black-300 !default;
|
|
334
333
|
$table-cell-padding: 10px !default;
|
|
335
334
|
$tooltip-arrow-width: 8px !default;
|
|
336
|
-
$tooltip-bg:
|
|
335
|
+
$tooltip-bg: $color-pf-black-800 !default;
|
|
337
336
|
$tooltip-max-width: 220px !default;
|
|
338
337
|
// Reference variables declared in block above
|
|
339
|
-
$alert-danger-bg:
|
|
338
|
+
$alert-danger-bg: lighten($color-pf-red-100, 55%) !default;
|
|
340
339
|
$alert-danger-border: $brand-danger !default;
|
|
341
340
|
$alert-danger-text: $gray-dark !default;
|
|
342
|
-
$alert-info-bg:
|
|
341
|
+
$alert-info-bg: $color-pf-black-150 !default;
|
|
343
342
|
$alert-info-text: $gray-dark !default;
|
|
344
|
-
$alert-success-bg:
|
|
343
|
+
$alert-success-bg: lighten($color-pf-green-100, 8%) !default;
|
|
345
344
|
$alert-success-border: $brand-success !default;
|
|
346
345
|
$alert-success-text: $gray-dark !default;
|
|
347
|
-
$alert-warning-bg:
|
|
346
|
+
$alert-warning-bg: lighten($color-pf-orange-100, 8%) !default;
|
|
348
347
|
$alert-warning-border: $brand-warning !default;
|
|
349
348
|
$alert-warning-text: $gray-dark !default;
|
|
350
349
|
$badge-border-radius: $border-radius-base !default;
|
|
@@ -355,6 +354,7 @@ $breadcrumb-color: $gray-pf !de
|
|
|
355
354
|
$btn-default-bg: $gray-lighter !default;
|
|
356
355
|
$btn-default-color: $gray-pf !default;
|
|
357
356
|
$caret-width-large: $caret-width-base !default;
|
|
357
|
+
$code-color: $color-pf-blue-600 !default;
|
|
358
358
|
$dropdown-fallback-border: $dropdown-border !default;
|
|
359
359
|
$dropdown-link-active-bg: $link-color !default;
|
|
360
360
|
$dropdown-link-hover-color: $gray-pf !default;
|
|
@@ -402,4 +402,4 @@ $syntax-1: $btn-danger-
|
|
|
402
402
|
$syntax-2: $gray-dark !default;
|
|
403
403
|
$syntax-3: $brand-success !default;
|
|
404
404
|
$syntax-4: $brand-info !default;
|
|
405
|
-
$tooltip-font-size: $font-size-base !default;
|
|
405
|
+
$tooltip-font-size: $font-size-base !default;
|