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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: c32a70a3f887196ca776cbeda99a846009db39127e1d8d910796a3e0deb3d449
4
- data.tar.gz: 78d6faae6ef0b840091cea6e18c9516bbfac7217b58eb7f914685c985dd7f324
3
+ metadata.gz: df9ea4aa152af6c49ca4b6b82cb5e657d315b41ec522cb74a79f0b96f70df3cb
4
+ data.tar.gz: c3bbe5c42fe5deae27a6fef1409c3529d75a7c8d8709ebdc4f609ad5cac7e263
5
5
  SHA512:
6
- metadata.gz: d78a81f7c9c88c8e2470e9d2da62d6f5d37e0460958295ae2ffc8fb1cba0f9dc2df1e902f65979950d4338e02cd222c1756a3cd7b3b72ccaa4b556325860bdcb
7
- data.tar.gz: 1a06edfd88a25e607c856a0a298b4dbd2dfa2e70272debb9eb12dc7c8aab8319ec063be60875993a6aed2a8c469a3d66460c4135e7f71b576008a8be11294d20
6
+ metadata.gz: 97d981fdc402f620f8690f194cf819bed0620a7adbbf76dacd5397829488ed821f5389ca79de35c61645e0a3e7e75dea10a831952557ac2fbb0bf3d6403b924f
7
+ data.tar.gz: ec381a28d24ee0d757435674ca05686ceae345a79d8a747c1336c3f0642bb0784a5a48b6ef23b35a9789cb8eabf12d956a9020c97591432d49ed30e2561710c3
@@ -1,6 +1,6 @@
1
1
  module ViniBaxter
2
2
  module DeskFront
3
- MAJOR = 34
3
+ MAJOR = 35
4
4
  MINOR = 0
5
5
  TINY = 0
6
6
  # PRE = "alpha"
@@ -1,3 +1,4 @@
1
+
1
2
  // bootstrap
2
3
  @import 'desk_front/bootstrap/bootstrap';
3
4
 
@@ -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-withe;
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-withe !important;
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
- > hr {
17
+ >hr {
20
18
  margin-right: 0;
21
19
  margin-left: 0;
22
20
  }
23
21
 
24
- > .list-group {
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
- > .card-header + .list-group,
42
- > .list-group + .card-footer {
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
- + .card-link {
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
- > .card {
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
- > .card {
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
- + .card {
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
- > .card {
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
- > .card-header {
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/popovers';
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/nav-setup-normal';
16
- @import 'mixins/nav-setup-ntf';
17
- @import 'mixins/caret-color';
18
- @import 'mixins/nav-setup';
18
+ @import 'mixins/blur'
@@ -1,5 +1,5 @@
1
1
  html {
2
- background-color: $nft-withe;
2
+ background-color: $nft-white;
3
3
  box-sizing: border-box;
4
4
  }
5
5
 
@@ -19,6 +19,10 @@
19
19
  @include linear-gradient($black-states, $cplus_light);
20
20
  }
21
21
 
22
+ &[value='grey'] {
23
+ @include linear-gradient($gray-200, $gray-400);
24
+ }
25
+
22
26
  &[value='primary'] {
23
27
  @include linear-gradient($primary-states, $primary);
24
28
  }
@@ -0,0 +1,3 @@
1
+ .card.blured {
2
+ @include blur-it;
3
+ }
@@ -14,4 +14,5 @@
14
14
  @import 'card-stats';
15
15
  @import 'card-subcategories';
16
16
  @import 'card-testimonials';
17
- @import 'card-wizard';
17
+ @import 'card-wizard';
18
+ @import 'card-blured'
@@ -0,0 +1,4 @@
1
+ @mixin blur-it {
2
+ backdrop-filter: saturate(101.8%) blur(7px) !important;
3
+ background-color: rgba(255, 255, 255, 0.1) !important;
4
+ }
@@ -1,8 +1,9 @@
1
1
  @mixin nav-setup($color, $nav-style) {
2
- @if ($nav-style == 'normal') {
2
+ @if ($nav-style=='normal') {
3
3
  @include nav-setup-normal($color);
4
4
  }
5
- @if ($nav-style == 'ntf') {
5
+
6
+ @if ($nav-style=='ntf') {
6
7
  @include nav-setup-ntf($color);
7
8
  }
8
- }
9
+ }
@@ -1,29 +1,28 @@
1
-
2
- @mixin transform-translate-x($value){
3
- -webkit-transform: translate3d($value, 0, 0);
4
- -moz-transform: translate3d($value, 0, 0);
5
- -o-transform: translate3d($value, 0, 0);
6
- -ms-transform: translate3d($value, 0, 0);
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
- -webkit-transform: translate3d(0,$value,0);
12
- -moz-transform: translate3d(0,$value,0);
13
- -o-transform: translate3d(0,$value,0);
14
- -ms-transform: translate3d(0,$value,0);
15
- transform: translate3d(0,$value,0);
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
- -webkit-transition: all $time $type;
20
- -moz-transition: all $time $type;
21
- -o-transition: all $time $type;
22
- -ms-transition: all $time $type;
23
- transition: all $time $type;
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
- -webkit-animation: $type 500ms linear 0s;
38
- -moz-animation: $type 500ms linear 0s;
39
- animation: $type 500ms 0s;
40
- -webkit-animation-fill-mode: forwards;
41
- -moz-animation-fill-mode: forwards;
42
- animation-fill-mode: forwards;
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
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
47
- -webkit-transform: rotate(180deg);
48
- -ms-transform: rotate(180deg);
49
- transform: rotate(180deg);
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
- -webkit-transform: translate3d(0,$value,0) !important;
54
- -moz-transform: translate3d(0,$value,0) !important;
55
- -o-transform: translate3d(0,$value,0) !important;
56
- -ms-transform: translate3d(0,$value,0) !important;
57
- transform: translate3d(0,$value,0) !important;
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
- background: $color;
62
- background: -webkit-linear-gradient(0deg, $color 0%, $states-color 100%);
63
- background: -o-linear-gradient(0deg, $color 0%, $states-color 100%);
64
- background: -moz-linear-gradient(0deg, $color 0%, $states-color 100%);
65
- background: linear-gradient(0deg, $color 0%, $states-color 100%);
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
- background: $color;
70
- background: -webkit-linear-gradient(to right, $color 0%, $states-color 100%);
71
- background: -o-linear-gradient(to right, $color 0%, $states-color 100%);
72
- background: -moz-linear-gradient(to right, $color 0%, $states-color 100%);
73
- background: linear-gradient(to right, $color 0%, $states-color 100%);
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 > a{
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
- -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
92
- -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
93
- -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
94
- -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
95
- transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
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
- @keyframes topbar-x {
100
- 0% {top: 0px; transform: rotate(0deg); }
101
- 45% {top: 6px; transform: rotate(145deg); }
102
- 75% {transform: rotate(130deg); }
103
- 100% {transform: rotate(135deg); }
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
- @-webkit-keyframes topbar-x {
106
- 0% {top: 0px; -webkit-transform: rotate(0deg); }
107
- 45% {top: 6px; -webkit-transform: rotate(145deg); }
108
- 75% {-webkit-transform: rotate(130deg); }
109
- 100% { -webkit-transform: rotate(135deg); }
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
- @-moz-keyframes topbar-x {
112
- 0% {top: 0px; -moz-transform: rotate(0deg); }
113
- 45% {top: 6px; -moz-transform: rotate(145deg); }
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
- @keyframes topbar-back {
121
- 0% { top: 6px; transform: rotate(135deg); }
122
- 45% { transform: rotate(-10deg); }
123
- 75% { transform: rotate(5deg); }
124
- 100% { top: 0px; transform: rotate(0); }
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
- @-webkit-keyframes topbar-back {
128
- 0% { top: 6px; -webkit-transform: rotate(135deg); }
129
- 45% { -webkit-transform: rotate(-10deg); }
130
- 75% { -webkit-transform: rotate(5deg); }
131
- 100% { top: 0px; -webkit-transform: rotate(0); }
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
- @-moz-keyframes topbar-back {
135
- 0% { top: 6px; -moz-transform: rotate(135deg); }
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
- @keyframes bottombar-x {
144
- 0% {bottom: 0px; transform: rotate(0deg);}
145
- 45% {bottom: 6px; transform: rotate(-145deg);}
146
- 75% {transform: rotate(-130deg);}
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
- @-webkit-keyframes bottombar-x {
150
- 0% {bottom: 0px; -webkit-transform: rotate(0deg);}
151
- 45% {bottom: 6px; -webkit-transform: rotate(-145deg);}
152
- 75% {-webkit-transform: rotate(-130deg);}
153
- 100% {-webkit-transform: rotate(-135deg);}
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
- @-moz-keyframes bottombar-x {
156
- 0% {bottom: 0px; -moz-transform: rotate(0deg);}
157
- 45% {bottom: 6px; -moz-transform: rotate(-145deg);}
158
- 75% {-moz-transform: rotate(-130deg);}
159
- 100% {-moz-transform: rotate(-135deg);}
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
- @keyframes bottombar-back {
165
- 0% { bottom: 6px;transform: rotate(-135deg);}
166
- 45% { transform: rotate(10deg);}
167
- 75% { transform: rotate(-5deg);}
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
- @-webkit-keyframes bottombar-back {
171
- 0% {bottom: 6px;-webkit-transform: rotate(-135deg);}
172
- 45% {-webkit-transform: rotate(10deg);}
173
- 75% {-webkit-transform: rotate(-5deg);}
174
- 100% {bottom: 0px;-webkit-transform: rotate(0);}
289
+
290
+ 45% {
291
+ transform: rotate(10deg);
175
292
  }
176
- @-moz-keyframes bottombar-back {
177
- 0% {bottom: 6px;-moz-transform: rotate(-135deg);}
178
- 45% {-moz-transform: rotate(10deg);}
179
- 75% {-moz-transform: rotate(-5deg);}
180
- 100% {bottom: 0px;-moz-transform: rotate(0);}
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
- 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
- }
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 - 90px);
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
- .logo-tim {
230
- border-radius: 50%;
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
- img {
239
- width: 60px;
240
- height: 60px;
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-withe;
528
+ background-color: $nft-white;
480
529
 
481
530
  @include media-breakpoint-up(xl) {
482
- // border-radius: 30px 0px 0px 30px;
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
- // overflow-x: hidden;
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: 3px 3px 25px 0px #bbcfda21, -4px -4px 20px #ffffff, inset 4px 4px 20px #d1d9e659, inset -8px -8px 20px 0px #ffffff99;
500
- border-radius: 30px 0 0 30px;
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, 0 0px 1px #292b391c;
504
- // &:before {
505
- // // content: '';
506
- // width: 100%;
507
- // height: 80%;
508
- // position: absolute;
509
- // opacity: 0.3;
510
- // border-radius: 30px 0px 0px 30px;
511
- // overflow: hidden;
512
- // background-image: url('https://cdn.dribbble.com/users/3060738/screenshots/12765413/media/bf83f45bf3c1d6679bc39ff62b5e0f20.jpg');
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
  }
@@ -90,6 +90,6 @@
90
90
  }
91
91
 
92
92
  .main-panel {
93
- background: $nft-withe;
93
+ background: $nft-white;
94
94
  }
95
95
  }
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: 34.0.0
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-07 00:00:00.000000000 Z
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