viniBaxter-desk_front 34.0.0 → 35.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/lib/viniBaxter/desk_front/version.rb +1 -1
- data/lib/viniBaxter/sass/desk_front.scss +1 -0
- data/lib/viniBaxter/sass/desk_front/bootstrap/_buttons.scss +2 -2
- data/lib/viniBaxter/sass/desk_front/bootstrap/_card.scss +17 -19
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/_mixins.scss +10 -10
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/administrate/base/_layout.scss +1 -1
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_custom-dashboard-ui.scss +4 -0
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_card-blured.scss +3 -0
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_index.scss +2 -1
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_blur.scss +4 -0
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup.scss +4 -3
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/{opacity.scss → _opacity.scss} +0 -0
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_vendor-prefixes.scss +284 -123
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_dropdown.scss +12 -12
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_navbar.scss +11 -1
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_sidebar-and-main-panel.scss +86 -46
- data/lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_white-content.scss +1 -1
- metadata +5 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: df9ea4aa152af6c49ca4b6b82cb5e657d315b41ec522cb74a79f0b96f70df3cb
|
4
|
+
data.tar.gz: c3bbe5c42fe5deae27a6fef1409c3529d75a7c8d8709ebdc4f609ad5cac7e263
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 97d981fdc402f620f8690f194cf819bed0620a7adbbf76dacd5397829488ed821f5389ca79de35c61645e0a3e7e75dea10a831952557ac2fbb0bf3d6403b924f
|
7
|
+
data.tar.gz: ec381a28d24ee0d757435674ca05686ceae345a79d8a747c1336c3f0642bb0784a5a48b6ef23b35a9789cb8eabf12d956a9020c97591432d49ed30e2561710c3
|
@@ -91,7 +91,7 @@ $value in $theme-colors {
|
|
91
91
|
text-align: center;
|
92
92
|
// border: 1px solid $value;
|
93
93
|
// background-color: lighten($value, 90%);
|
94
|
-
border: 3px solid $nft-
|
94
|
+
border: 3px solid $nft-white;
|
95
95
|
background-color: lighten($value, 78%);
|
96
96
|
outline: none;
|
97
97
|
margin: 0px;
|
@@ -106,7 +106,7 @@ $value in $theme-colors {
|
|
106
106
|
|
107
107
|
&.active {
|
108
108
|
background-color: $value !important;
|
109
|
-
color: $nft-
|
109
|
+
color: $nft-white !important;
|
110
110
|
}
|
111
111
|
|
112
112
|
}
|
@@ -12,16 +12,14 @@
|
|
12
12
|
background-color: $card-bg;
|
13
13
|
background-clip: border-box;
|
14
14
|
border: $card-border-width solid $card-border-color;
|
15
|
-
backdrop-filter: saturate(101.8%) blur(7px) !important;
|
16
|
-
background-color: rgba(255, 255, 255, 0.1) !important;
|
17
15
|
@include border-radius($card-border-radius);
|
18
16
|
|
19
|
-
>
|
17
|
+
>hr {
|
20
18
|
margin-right: 0;
|
21
19
|
margin-left: 0;
|
22
20
|
}
|
23
21
|
|
24
|
-
|
22
|
+
>.list-group {
|
25
23
|
border-top: inherit;
|
26
24
|
border-bottom: inherit;
|
27
25
|
|
@@ -38,8 +36,8 @@
|
|
38
36
|
|
39
37
|
// Due to specificity of the above selector (`.card > .list-group`), we must
|
40
38
|
// use a child selector here to prevent double borders.
|
41
|
-
|
42
|
-
|
39
|
+
>.card-header+.list-group,
|
40
|
+
>.list-group+.card-footer {
|
43
41
|
border-top: 0;
|
44
42
|
}
|
45
43
|
}
|
@@ -73,7 +71,7 @@
|
|
73
71
|
text-decoration: none;
|
74
72
|
}
|
75
73
|
|
76
|
-
|
74
|
+
+.card-link {
|
77
75
|
margin-left: $card-spacer-x;
|
78
76
|
}
|
79
77
|
}
|
@@ -90,9 +88,7 @@
|
|
90
88
|
border-bottom: $card-border-width solid $card-border-color;
|
91
89
|
|
92
90
|
&:first-child {
|
93
|
-
@include border-radius(
|
94
|
-
$card-inner-border-radius $card-inner-border-radius 0 0
|
95
|
-
);
|
91
|
+
@include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
|
96
92
|
}
|
97
93
|
}
|
98
94
|
|
@@ -103,9 +99,7 @@
|
|
103
99
|
border-top: $card-border-width solid $card-border-color;
|
104
100
|
|
105
101
|
&:last-child {
|
106
|
-
@include border-radius(
|
107
|
-
0 0 $card-inner-border-radius $card-inner-border-radius
|
108
|
-
);
|
102
|
+
@include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
|
109
103
|
}
|
110
104
|
}
|
111
105
|
|
@@ -181,23 +175,25 @@
|
|
181
175
|
//
|
182
176
|
|
183
177
|
.card-group {
|
178
|
+
|
184
179
|
// The child selector allows nested `.card` within `.card-group`
|
185
180
|
// to display properly.
|
186
|
-
|
181
|
+
>.card {
|
187
182
|
margin-bottom: $card-group-margin;
|
188
183
|
}
|
189
184
|
|
190
185
|
@include media-breakpoint-up(sm) {
|
191
186
|
display: flex;
|
192
187
|
flex-flow: row wrap;
|
188
|
+
|
193
189
|
// The child selector allows nested `.card` within `.card-group`
|
194
190
|
// to display properly.
|
195
|
-
|
191
|
+
>.card {
|
196
192
|
// Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
|
197
193
|
flex: 1 0 0%;
|
198
194
|
margin-bottom: 0;
|
199
195
|
|
200
|
-
|
196
|
+
+.card {
|
201
197
|
margin-left: 0;
|
202
198
|
border-left: 0;
|
203
199
|
}
|
@@ -212,6 +208,7 @@
|
|
212
208
|
// stylelint-disable-next-line property-blacklist
|
213
209
|
border-top-right-radius: 0;
|
214
210
|
}
|
211
|
+
|
215
212
|
.card-img-bottom,
|
216
213
|
.card-footer {
|
217
214
|
// stylelint-disable-next-line property-blacklist
|
@@ -227,6 +224,7 @@
|
|
227
224
|
// stylelint-disable-next-line property-blacklist
|
228
225
|
border-top-left-radius: 0;
|
229
226
|
}
|
227
|
+
|
230
228
|
.card-img-bottom,
|
231
229
|
.card-footer {
|
232
230
|
// stylelint-disable-next-line property-blacklist
|
@@ -267,7 +265,7 @@
|
|
267
265
|
.accordion {
|
268
266
|
overflow-anchor: none;
|
269
267
|
|
270
|
-
|
268
|
+
>.card {
|
271
269
|
overflow: hidden;
|
272
270
|
|
273
271
|
&:not(:last-of-type) {
|
@@ -279,9 +277,9 @@
|
|
279
277
|
@include border-top-radius(0);
|
280
278
|
}
|
281
279
|
|
282
|
-
|
280
|
+
>.card-header {
|
283
281
|
@include border-radius(0);
|
284
282
|
margin-bottom: -$card-border-width;
|
285
283
|
}
|
286
284
|
}
|
287
|
-
}
|
285
|
+
}
|
@@ -1,18 +1,18 @@
|
|
1
1
|
@import 'mixins/alert';
|
2
|
-
@import 'mixins/badges';
|
3
2
|
@import 'mixins/background-variant';
|
3
|
+
@import 'mixins/badges';
|
4
|
+
@import 'mixins/caret-color';
|
5
|
+
@import 'mixins/dropdown';
|
4
6
|
@import 'mixins/forms';
|
5
7
|
@import 'mixins/icon';
|
8
|
+
@import 'mixins/inputs';
|
6
9
|
@import 'mixins/modals';
|
7
|
-
@import 'mixins/
|
10
|
+
@import 'mixins/nav-setup-normal';
|
11
|
+
@import 'mixins/nav-setup-ntf';
|
12
|
+
@import 'mixins/nav-setup';
|
13
|
+
@import 'mixins/opacity';
|
8
14
|
@import 'mixins/page-header';
|
15
|
+
@import 'mixins/popovers';
|
9
16
|
@import 'mixins/vendor-prefixes';
|
10
|
-
@import 'mixins/opacity';
|
11
|
-
@import 'mixins/modals';
|
12
|
-
@import 'mixins/inputs';
|
13
|
-
@import 'mixins/dropdown';
|
14
17
|
@import 'mixins/wizard';
|
15
|
-
@import 'mixins/
|
16
|
-
@import 'mixins/nav-setup-ntf';
|
17
|
-
@import 'mixins/caret-color';
|
18
|
-
@import 'mixins/nav-setup';
|
18
|
+
@import 'mixins/blur'
|
File without changes
|
@@ -1,29 +1,28 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
transform: translate3d($value, 0, 0);
|
1
|
+
@mixin transform-translate-x($value) {
|
2
|
+
-webkit-transform: translate3d($value, 0, 0);
|
3
|
+
-moz-transform: translate3d($value, 0, 0);
|
4
|
+
-o-transform: translate3d($value, 0, 0);
|
5
|
+
-ms-transform: translate3d($value, 0, 0);
|
6
|
+
transform: translate3d($value, 0, 0);
|
8
7
|
}
|
9
8
|
|
10
|
-
@mixin transform-translate-y($value){
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
9
|
+
@mixin transform-translate-y($value) {
|
10
|
+
-webkit-transform: translate3d(0, $value, 0);
|
11
|
+
-moz-transform: translate3d(0, $value, 0);
|
12
|
+
-o-transform: translate3d(0, $value, 0);
|
13
|
+
-ms-transform: translate3d(0, $value, 0);
|
14
|
+
transform: translate3d(0, $value, 0);
|
16
15
|
}
|
17
16
|
|
18
|
-
@mixin transitions($time, $type){
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
17
|
+
@mixin transitions($time, $type) {
|
18
|
+
-webkit-transition: all $time $type;
|
19
|
+
-moz-transition: all $time $type;
|
20
|
+
-o-transition: all $time $type;
|
21
|
+
-ms-transition: all $time $type;
|
22
|
+
transition: all $time $type;
|
24
23
|
}
|
25
24
|
|
26
|
-
@mixin diagonal-gradient($start-color, $end-color){
|
25
|
+
@mixin diagonal-gradient($start-color, $end-color) {
|
27
26
|
background: $start-color;
|
28
27
|
background-image: -webkit-linear-gradient(to bottom left, $start-color, $end-color, $start-color);
|
29
28
|
background-image: -o-linear-gradient(to bottom left, $start-color, $end-color, $start-color);
|
@@ -33,153 +32,315 @@
|
|
33
32
|
background-position: top right;
|
34
33
|
}
|
35
34
|
|
36
|
-
@mixin bar-animation($type){
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
35
|
+
@mixin bar-animation($type) {
|
36
|
+
-webkit-animation: $type 500ms linear 0s;
|
37
|
+
-moz-animation: $type 500ms linear 0s;
|
38
|
+
animation: $type 500ms 0s;
|
39
|
+
-webkit-animation-fill-mode: forwards;
|
40
|
+
-moz-animation-fill-mode: forwards;
|
41
|
+
animation-fill-mode: forwards;
|
43
42
|
}
|
44
43
|
|
45
|
-
@mixin rotate-180(){
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
44
|
+
@mixin rotate-180() {
|
45
|
+
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
46
|
+
-webkit-transform: rotate(180deg);
|
47
|
+
-ms-transform: rotate(180deg);
|
48
|
+
transform: rotate(180deg);
|
50
49
|
}
|
51
50
|
|
52
51
|
@mixin transform-translate-y-dropdown($value) {
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
52
|
+
-webkit-transform: translate3d(0, $value, 0) !important;
|
53
|
+
-moz-transform: translate3d(0, $value, 0) !important;
|
54
|
+
-o-transform: translate3d(0, $value, 0) !important;
|
55
|
+
-ms-transform: translate3d(0, $value, 0) !important;
|
56
|
+
transform: translate3d(0, $value, 0) !important;
|
58
57
|
}
|
59
58
|
|
60
|
-
@mixin linear-gradient($color, $states-color){
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
59
|
+
@mixin linear-gradient($color, $states-color) {
|
60
|
+
background: $color;
|
61
|
+
background: -webkit-linear-gradient(0deg, $color 0%, $states-color 100%);
|
62
|
+
background: -o-linear-gradient(0deg, $color 0%, $states-color 100%);
|
63
|
+
background: -moz-linear-gradient(0deg, $color 0%, $states-color 100%);
|
64
|
+
background: linear-gradient(0deg, $color 0%, $states-color 100%);
|
66
65
|
}
|
67
66
|
|
68
|
-
@mixin linear-gradient-right($color, $states-color){
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
67
|
+
@mixin linear-gradient-right($color, $states-color) {
|
68
|
+
background: $color;
|
69
|
+
background: -webkit-linear-gradient(to right, $color 0%, $states-color 100%);
|
70
|
+
background: -o-linear-gradient(to right, $color 0%, $states-color 100%);
|
71
|
+
background: -moz-linear-gradient(to right, $color 0%, $states-color 100%);
|
72
|
+
background: linear-gradient(to right, $color 0%, $states-color 100%);
|
74
73
|
}
|
75
74
|
|
76
|
-
@mixin sidebar-color($color){
|
77
|
-
&:after{
|
75
|
+
@mixin sidebar-color($color) {
|
76
|
+
&:after {
|
78
77
|
background: $color;
|
79
78
|
}
|
80
79
|
|
81
|
-
.nav li.active
|
80
|
+
.nav li.active>a {
|
82
81
|
color: $color;
|
83
82
|
|
84
|
-
i{
|
83
|
+
i {
|
85
84
|
color: $color;
|
86
85
|
}
|
87
86
|
}
|
88
87
|
}
|
89
88
|
|
90
89
|
@mixin transition-input-focus-color() {
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
90
|
+
-webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
|
91
|
+
-moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
|
92
|
+
-o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
|
93
|
+
-ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
|
94
|
+
transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
|
96
95
|
}
|
97
96
|
|
98
|
-
@mixin topbar-x-rotation(){
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
97
|
+
@mixin topbar-x-rotation() {
|
98
|
+
@keyframes topbar-x {
|
99
|
+
0% {
|
100
|
+
top: 0px;
|
101
|
+
transform: rotate(0deg);
|
102
|
+
}
|
103
|
+
|
104
|
+
45% {
|
105
|
+
top: 6px;
|
106
|
+
transform: rotate(145deg);
|
107
|
+
}
|
108
|
+
|
109
|
+
75% {
|
110
|
+
transform: rotate(130deg);
|
111
|
+
}
|
112
|
+
|
113
|
+
100% {
|
114
|
+
transform: rotate(135deg);
|
115
|
+
}
|
116
|
+
}
|
117
|
+
|
118
|
+
@-webkit-keyframes topbar-x {
|
119
|
+
0% {
|
120
|
+
top: 0px;
|
121
|
+
-webkit-transform: rotate(0deg);
|
104
122
|
}
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
123
|
+
|
124
|
+
45% {
|
125
|
+
top: 6px;
|
126
|
+
-webkit-transform: rotate(145deg);
|
127
|
+
}
|
128
|
+
|
129
|
+
75% {
|
130
|
+
-webkit-transform: rotate(130deg);
|
131
|
+
}
|
132
|
+
|
133
|
+
100% {
|
134
|
+
-webkit-transform: rotate(135deg);
|
135
|
+
}
|
136
|
+
}
|
137
|
+
|
138
|
+
@-moz-keyframes topbar-x {
|
139
|
+
0% {
|
140
|
+
top: 0px;
|
141
|
+
-moz-transform: rotate(0deg);
|
142
|
+
}
|
143
|
+
|
144
|
+
45% {
|
145
|
+
top: 6px;
|
146
|
+
-moz-transform: rotate(145deg);
|
110
147
|
}
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
75% {-moz-transform: rotate(130deg); }
|
115
|
-
100% { -moz-transform: rotate(135deg); }
|
148
|
+
|
149
|
+
75% {
|
150
|
+
-moz-transform: rotate(130deg);
|
116
151
|
}
|
152
|
+
|
153
|
+
100% {
|
154
|
+
-moz-transform: rotate(135deg);
|
155
|
+
}
|
156
|
+
}
|
117
157
|
}
|
118
158
|
|
119
|
-
@mixin topbar-back-rotation(){
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
159
|
+
@mixin topbar-back-rotation() {
|
160
|
+
@keyframes topbar-back {
|
161
|
+
0% {
|
162
|
+
top: 6px;
|
163
|
+
transform: rotate(135deg);
|
164
|
+
}
|
165
|
+
|
166
|
+
45% {
|
167
|
+
transform: rotate(-10deg);
|
168
|
+
}
|
169
|
+
|
170
|
+
75% {
|
171
|
+
transform: rotate(5deg);
|
125
172
|
}
|
126
173
|
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
174
|
+
100% {
|
175
|
+
top: 0px;
|
176
|
+
transform: rotate(0);
|
177
|
+
}
|
178
|
+
}
|
179
|
+
|
180
|
+
@-webkit-keyframes topbar-back {
|
181
|
+
0% {
|
182
|
+
top: 6px;
|
183
|
+
-webkit-transform: rotate(135deg);
|
132
184
|
}
|
133
185
|
|
134
|
-
|
135
|
-
|
136
|
-
45% { -moz-transform: rotate(-10deg); }
|
137
|
-
75% { -moz-transform: rotate(5deg); }
|
138
|
-
100% { top: 0px; -moz-transform: rotate(0); }
|
186
|
+
45% {
|
187
|
+
-webkit-transform: rotate(-10deg);
|
139
188
|
}
|
189
|
+
|
190
|
+
75% {
|
191
|
+
-webkit-transform: rotate(5deg);
|
192
|
+
}
|
193
|
+
|
194
|
+
100% {
|
195
|
+
top: 0px;
|
196
|
+
-webkit-transform: rotate(0);
|
197
|
+
}
|
198
|
+
}
|
199
|
+
|
200
|
+
@-moz-keyframes topbar-back {
|
201
|
+
0% {
|
202
|
+
top: 6px;
|
203
|
+
-moz-transform: rotate(135deg);
|
204
|
+
}
|
205
|
+
|
206
|
+
45% {
|
207
|
+
-moz-transform: rotate(-10deg);
|
208
|
+
}
|
209
|
+
|
210
|
+
75% {
|
211
|
+
-moz-transform: rotate(5deg);
|
212
|
+
}
|
213
|
+
|
214
|
+
100% {
|
215
|
+
top: 0px;
|
216
|
+
-moz-transform: rotate(0);
|
217
|
+
}
|
218
|
+
}
|
140
219
|
}
|
141
220
|
|
142
|
-
@mixin bottombar-x-rotation(){
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
100% {transform: rotate(-135deg);}
|
221
|
+
@mixin bottombar-x-rotation() {
|
222
|
+
@keyframes bottombar-x {
|
223
|
+
0% {
|
224
|
+
bottom: 0px;
|
225
|
+
transform: rotate(0deg);
|
148
226
|
}
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
227
|
+
|
228
|
+
45% {
|
229
|
+
bottom: 6px;
|
230
|
+
transform: rotate(-145deg);
|
231
|
+
}
|
232
|
+
|
233
|
+
75% {
|
234
|
+
transform: rotate(-130deg);
|
235
|
+
}
|
236
|
+
|
237
|
+
100% {
|
238
|
+
transform: rotate(-135deg);
|
239
|
+
}
|
240
|
+
}
|
241
|
+
|
242
|
+
@-webkit-keyframes bottombar-x {
|
243
|
+
0% {
|
244
|
+
bottom: 0px;
|
245
|
+
-webkit-transform: rotate(0deg);
|
246
|
+
}
|
247
|
+
|
248
|
+
45% {
|
249
|
+
bottom: 6px;
|
250
|
+
-webkit-transform: rotate(-145deg);
|
251
|
+
}
|
252
|
+
|
253
|
+
75% {
|
254
|
+
-webkit-transform: rotate(-130deg);
|
154
255
|
}
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
256
|
+
|
257
|
+
100% {
|
258
|
+
-webkit-transform: rotate(-135deg);
|
259
|
+
}
|
260
|
+
}
|
261
|
+
|
262
|
+
@-moz-keyframes bottombar-x {
|
263
|
+
0% {
|
264
|
+
bottom: 0px;
|
265
|
+
-moz-transform: rotate(0deg);
|
266
|
+
}
|
267
|
+
|
268
|
+
45% {
|
269
|
+
bottom: 6px;
|
270
|
+
-moz-transform: rotate(-145deg);
|
160
271
|
}
|
272
|
+
|
273
|
+
75% {
|
274
|
+
-moz-transform: rotate(-130deg);
|
275
|
+
}
|
276
|
+
|
277
|
+
100% {
|
278
|
+
-moz-transform: rotate(-135deg);
|
279
|
+
}
|
280
|
+
}
|
161
281
|
}
|
162
282
|
|
163
|
-
@mixin bottombar-back-rotation{
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
100% { bottom: 0px;transform: rotate(0);}
|
283
|
+
@mixin bottombar-back-rotation {
|
284
|
+
@keyframes bottombar-back {
|
285
|
+
0% {
|
286
|
+
bottom: 6px;
|
287
|
+
transform: rotate(-135deg);
|
169
288
|
}
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
75% {-webkit-transform: rotate(-5deg);}
|
174
|
-
100% {bottom: 0px;-webkit-transform: rotate(0);}
|
289
|
+
|
290
|
+
45% {
|
291
|
+
transform: rotate(10deg);
|
175
292
|
}
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
180
|
-
|
293
|
+
|
294
|
+
75% {
|
295
|
+
transform: rotate(-5deg);
|
296
|
+
}
|
297
|
+
|
298
|
+
100% {
|
299
|
+
bottom: 0px;
|
300
|
+
transform: rotate(0);
|
301
|
+
}
|
302
|
+
}
|
303
|
+
|
304
|
+
@-webkit-keyframes bottombar-back {
|
305
|
+
0% {
|
306
|
+
bottom: 6px;
|
307
|
+
-webkit-transform: rotate(-135deg);
|
181
308
|
}
|
182
309
|
|
310
|
+
45% {
|
311
|
+
-webkit-transform: rotate(10deg);
|
312
|
+
}
|
313
|
+
|
314
|
+
75% {
|
315
|
+
-webkit-transform: rotate(-5deg);
|
316
|
+
}
|
317
|
+
|
318
|
+
100% {
|
319
|
+
bottom: 0px;
|
320
|
+
-webkit-transform: rotate(0);
|
321
|
+
}
|
322
|
+
}
|
323
|
+
|
324
|
+
@-moz-keyframes bottombar-back {
|
325
|
+
0% {
|
326
|
+
bottom: 6px;
|
327
|
+
-moz-transform: rotate(-135deg);
|
328
|
+
}
|
329
|
+
|
330
|
+
45% {
|
331
|
+
-moz-transform: rotate(10deg);
|
332
|
+
}
|
333
|
+
|
334
|
+
75% {
|
335
|
+
-moz-transform: rotate(-5deg);
|
336
|
+
}
|
337
|
+
|
338
|
+
100% {
|
339
|
+
bottom: 0px;
|
340
|
+
-moz-transform: rotate(0);
|
341
|
+
}
|
342
|
+
}
|
343
|
+
|
183
344
|
}
|
184
345
|
|
185
346
|
|
@@ -199,4 +360,4 @@
|
|
199
360
|
-ms-transform: scale($horiz, $vert);
|
200
361
|
-o-transform: scale($horiz, $vert);
|
201
362
|
transform: scale($horiz, $vert);
|
202
|
-
}
|
363
|
+
}
|
@@ -349,18 +349,18 @@
|
|
349
349
|
display: none;
|
350
350
|
}
|
351
351
|
|
352
|
-
.dropdown-toggle:after {
|
353
|
-
|
354
|
-
|
355
|
-
|
356
|
-
|
357
|
-
|
358
|
-
|
359
|
-
|
360
|
-
|
361
|
-
|
362
|
-
|
363
|
-
}
|
352
|
+
// .dropdown-toggle:after {
|
353
|
+
// display: inline-block;
|
354
|
+
// width: 0;
|
355
|
+
// height: 0;
|
356
|
+
// margin-left: 0.255em;
|
357
|
+
// vertical-align: 0.255em;
|
358
|
+
// content: '';
|
359
|
+
// border-top: 0.3em solid;
|
360
|
+
// border-right: 0.3em solid transparent;
|
361
|
+
// border-bottom: 0;
|
362
|
+
// border-left: 0.3em solid transparent;
|
363
|
+
// }
|
364
364
|
}
|
365
365
|
|
366
366
|
@include media-breakpoint-up(lg) {
|
@@ -172,7 +172,7 @@
|
|
172
172
|
}
|
173
173
|
|
174
174
|
@include media-breakpoint-down(md) {
|
175
|
-
.navbar {
|
175
|
+
.navbar:not(.fixed-bottom) {
|
176
176
|
top: -70px;
|
177
177
|
}
|
178
178
|
|
@@ -183,6 +183,8 @@
|
|
183
183
|
}
|
184
184
|
|
185
185
|
.navbar-collapse {
|
186
|
+
height: 100vh;
|
187
|
+
|
186
188
|
.input-group {
|
187
189
|
margin: 0;
|
188
190
|
margin-top: 5px;
|
@@ -402,6 +404,14 @@
|
|
402
404
|
}
|
403
405
|
}
|
404
406
|
}
|
407
|
+
|
408
|
+
|
409
|
+
}
|
410
|
+
|
411
|
+
@include media-breakpoint-down(lg) {
|
412
|
+
.navbar .skinny-pointer-sidebar {
|
413
|
+
display: none;
|
414
|
+
}
|
405
415
|
}
|
406
416
|
|
407
417
|
@include media-breakpoint-up(lg) {
|
@@ -1,7 +1,7 @@
|
|
1
1
|
.wrapper {
|
2
2
|
position: relative;
|
3
3
|
top: 0;
|
4
|
-
height: 100vh;
|
4
|
+
// height: 100vh;
|
5
5
|
overflow-x: hidden;
|
6
6
|
|
7
7
|
&.wrapper-full-page {
|
@@ -19,7 +19,7 @@
|
|
19
19
|
.sidebar,
|
20
20
|
.off-canvas-sidebar {
|
21
21
|
// @include linear-gradient($primary-states, $primary);
|
22
|
-
height: calc(100vh -
|
22
|
+
height: calc(100vh - 190px);
|
23
23
|
width: 230px;
|
24
24
|
position: fixed;
|
25
25
|
top: 0;
|
@@ -33,6 +33,7 @@
|
|
33
33
|
margin-left: 20px;
|
34
34
|
border-radius: 5px;
|
35
35
|
|
36
|
+
|
36
37
|
.sidebar-wrapper {
|
37
38
|
width: $full-width;
|
38
39
|
min-height: 100%;
|
@@ -226,21 +227,50 @@
|
|
226
227
|
}
|
227
228
|
}
|
228
229
|
|
229
|
-
|
230
|
-
|
231
|
-
border: 1px solid #333;
|
232
|
-
display: block;
|
233
|
-
height: 61px;
|
234
|
-
width: 61px;
|
235
|
-
float: left;
|
236
|
-
overflow: hidden;
|
230
|
+
&[data='dark'] {
|
231
|
+
@include linear-gradient($default-states, $dark);
|
237
232
|
|
238
|
-
|
239
|
-
|
240
|
-
|
233
|
+
&:before {
|
234
|
+
border-bottom-color: $dark;
|
235
|
+
}
|
236
|
+
|
237
|
+
&:not(.sidebar-dashboard-light):not(.sidebar-not-hoverable) {
|
238
|
+
&:before {
|
239
|
+
@include caret-color($dark);
|
240
|
+
}
|
241
|
+
}
|
242
|
+
}
|
243
|
+
|
244
|
+
&[data='grey'] {
|
245
|
+
@include linear-gradient($gray-200, $gray-400);
|
246
|
+
|
247
|
+
&:before {
|
248
|
+
border-bottom-color: $gray-200;
|
249
|
+
}
|
250
|
+
|
251
|
+
&:not(.sidebar-dashboard-light):not(.sidebar-not-hoverable) {
|
252
|
+
&:before {
|
253
|
+
@include caret-color($gray-200);
|
254
|
+
}
|
255
|
+
}
|
256
|
+
}
|
257
|
+
|
258
|
+
|
259
|
+
&[data='primary'] {
|
260
|
+
@include linear-gradient($primary-states, $primary);
|
261
|
+
|
262
|
+
&:before {
|
263
|
+
border-bottom-color: $primary;
|
264
|
+
}
|
265
|
+
|
266
|
+
&:not(.sidebar-dashboard-light):not(.sidebar-not-hoverable) {
|
267
|
+
&:before {
|
268
|
+
@include caret-color($primary);
|
269
|
+
}
|
241
270
|
}
|
242
271
|
}
|
243
272
|
|
273
|
+
|
244
274
|
&[data='blue'] {
|
245
275
|
@include linear-gradient($info-states, $info);
|
246
276
|
|
@@ -297,6 +327,9 @@
|
|
297
327
|
}
|
298
328
|
}
|
299
329
|
|
330
|
+
|
331
|
+
|
332
|
+
|
300
333
|
// &[data='light'] {
|
301
334
|
// // background-color: #fff !important;
|
302
335
|
// }
|
@@ -400,6 +433,30 @@
|
|
400
433
|
|
401
434
|
@include transitions(0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1));
|
402
435
|
|
436
|
+
&[data='dark'] {
|
437
|
+
border-top: 2px solid $dark;
|
438
|
+
|
439
|
+
.fixed-top {
|
440
|
+
border-top: 2px solid $dark;
|
441
|
+
}
|
442
|
+
}
|
443
|
+
|
444
|
+
&[data='grey'] {
|
445
|
+
border-top: 2px solid $gray-200;
|
446
|
+
|
447
|
+
.fixed-top {
|
448
|
+
border-top: 2px solid $gray-200;
|
449
|
+
}
|
450
|
+
}
|
451
|
+
|
452
|
+
&[data='primary'] {
|
453
|
+
border-top: 2px solid $primary;
|
454
|
+
|
455
|
+
.fixed-top {
|
456
|
+
border-top: 2px solid $primary;
|
457
|
+
}
|
458
|
+
}
|
459
|
+
|
403
460
|
&[data='blue'] {
|
404
461
|
border-top: 2px solid $info;
|
405
462
|
|
@@ -432,14 +489,6 @@
|
|
432
489
|
}
|
433
490
|
}
|
434
491
|
|
435
|
-
&[data='primary'] {
|
436
|
-
border-top: 2px solid $primary;
|
437
|
-
|
438
|
-
.fixed-top {
|
439
|
-
border-top: 2px solid $primary;
|
440
|
-
}
|
441
|
-
}
|
442
|
-
|
443
492
|
>.content {
|
444
493
|
padding: 80px 30px 30px 280px;
|
445
494
|
min-height: calc(100vh - 70px);
|
@@ -476,42 +525,33 @@
|
|
476
525
|
}
|
477
526
|
|
478
527
|
.main-content-light {
|
479
|
-
background-color: $nft-
|
528
|
+
background-color: $nft-white;
|
480
529
|
|
481
530
|
@include media-breakpoint-up(xl) {
|
482
|
-
|
483
|
-
// box-shadow: $material-shadow4;
|
484
|
-
// min-height: calc(100vh - 15vh);
|
485
|
-
height: 80vh !important;
|
486
|
-
// position: fixed;
|
487
|
-
// // width: 90%;
|
531
|
+
height: $max-heigh-value-1NTF;
|
488
532
|
overflow-y: scroll;
|
489
|
-
|
490
|
-
// // background-image: url('https://cdn.dribbble.com/users/59947/screenshots/15084962/media/a57deba0874f256ddefdc17d39155385.jpg');
|
491
|
-
// // background-image: url('https://vbaxt-fixed-assets.ams3.cdn.digitaloceanspaces.com/FIXED_for_all/images/dashboard-spafolly.jpg');
|
492
|
-
background-image: url('https://vbaxt-fixed-assets.ams3.cdn.digitaloceanspaces.com/FIXED_for_all/patterns/topography8.svg');
|
533
|
+
background-image: url($url-backgroud-1NTF);
|
493
534
|
background-repeat: repeat;
|
494
535
|
background-size: inherit;
|
495
|
-
|
496
536
|
padding: 20px;
|
497
537
|
border: 1px solid rgba(255, 255, 255, 0.5);
|
498
538
|
transition: all 0.3s linear;
|
499
|
-
box-shadow:
|
500
|
-
border-radius:
|
539
|
+
box-shadow: $box-shadow-1NTF;
|
540
|
+
border-radius: $border-radius-1NTF;
|
501
541
|
z-index: 1041;
|
502
542
|
position: relative;
|
503
|
-
box-shadow: 1px 0px 20px #292b3917,
|
504
|
-
|
505
|
-
|
506
|
-
|
507
|
-
|
508
|
-
|
509
|
-
|
510
|
-
//
|
511
|
-
//
|
512
|
-
|
513
|
-
// }
|
543
|
+
box-shadow: 1px 0px 20px #292b3917,
|
544
|
+
0 0px 1px #292b391c;
|
545
|
+
|
546
|
+
@if $max-heigh-1NTF {}
|
547
|
+
|
548
|
+
@if $enable-backgroud-for-1NTF {}
|
549
|
+
|
550
|
+
// backdrop-filter: saturate(101.8%) blur(7px) !important;
|
551
|
+
// background-color: rgba(255, 255, 255, 0.9) !important;
|
552
|
+
|
514
553
|
}
|
554
|
+
|
515
555
|
}
|
516
556
|
}
|
517
557
|
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: viniBaxter-desk_front
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version:
|
4
|
+
version: 35.0.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- viny baxter
|
8
8
|
autorequire:
|
9
9
|
bindir: exe
|
10
10
|
cert_chain: []
|
11
|
-
date: 2021-04-
|
11
|
+
date: 2021-04-10 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|
@@ -279,6 +279,7 @@ files:
|
|
279
279
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_pagination.scss
|
280
280
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/_white-content.scss
|
281
281
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_card-animation-on-hover.scss
|
282
|
+
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_card-blured.scss
|
282
283
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_card-chart.scss
|
283
284
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_card-collapse.scss
|
284
285
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/custom-components/cards/_card-contributions.scss
|
@@ -311,6 +312,7 @@ files:
|
|
311
312
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_alert.scss
|
312
313
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_background-variant.scss
|
313
314
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_badges.scss
|
315
|
+
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_blur.scss
|
314
316
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_caret-color.scss
|
315
317
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_dropdown.scss
|
316
318
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_forms.scss
|
@@ -320,11 +322,11 @@ files:
|
|
320
322
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup-normal.scss
|
321
323
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup-ntf.scss
|
322
324
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_nav-setup.scss
|
325
|
+
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_opacity.scss
|
323
326
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_page-header.scss
|
324
327
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_popovers.scss
|
325
328
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_vendor-prefixes.scss
|
326
329
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/_wizard.scss
|
327
|
-
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/mixins/opacity.scss
|
328
330
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_dropdown.scss
|
329
331
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_index.scss
|
330
332
|
- lib/viniBaxter/sass/desk_front/v2lrf-dashboard/new_nav/_misc.scss
|