viniBaxter-desk_front 14.0.0 → 19.0.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 3a00d60a438ddf4103202b3437537b8491e721f1d6422e4c6fc3405326054173
4
- data.tar.gz: e533d7156e3f945f633cb90c99a63839c12ec4e597ffead7d7bf4258367e4068
3
+ metadata.gz: 7c7f9d0dcd1316ad924b539f911f25242c405171491a99cbf9e0a382899329b0
4
+ data.tar.gz: 4cf4bfbb87640ea15f5d549bcbad1b51a11d08645ea239b5ac12def661ceb1bc
5
5
  SHA512:
6
- metadata.gz: 341407d96731cec6bc49d4cdfc73533fbb182d3585f4fb06bc8a2a29f208f2668f5f62bac8e4168d09a76e4c6c72e21112e4cc99dc58192fa75db65e9666f26c
7
- data.tar.gz: 6ae6797dfe0b47db8891ec13c1a07dfda2403b144db6c5701a06fd81650766170fc73648dff10eb3459587b9d375797cbe164b0f69ed8b1b08619f6eba8cd77d
6
+ metadata.gz: 4a926474e256a405cb08dfac62a65fd2aad73012ecdcecc2d1a278c71b6b6cd49e1b0be4062e5c93454832423fda1b3121508ef2c03d8a9367440fe4bffa8833
7
+ data.tar.gz: f63b2fdbca849dd17fd47be9457cbbba3b8cd91f54f66034d0cc09c4119ffed61337305f450551c330e6eac278d74a923c0994820a6babab606b36401f7be8d5
@@ -1,5 +1,5 @@
1
1
  module ViniBaxter
2
2
  module DeskFront
3
- VERSION = "14.0.0"
3
+ VERSION = "19.0.0"
4
4
  end
5
5
  end
@@ -19,14 +19,13 @@
19
19
  position: absolute;
20
20
  width: 0;
21
21
  height: 0;
22
- background-image: url(image-path("desk_front/avatar-status.svg")),
23
- url(image-path("desk_front/avatar-group.svg")),
24
- url(image-path("desk_front/avatar-group-hover.svg")),
25
- url(image-path("desk_front/avatar-group-hover-last.svg"));
22
+ background-image: url(image-path('desk_front/avatar-status.svg')),
23
+ url(image-path('desk_front/avatar-group.svg')),
24
+ url(image-path('desk_front/avatar-group-hover.svg')),
25
+ url(image-path('desk_front/avatar-group-hover-last.svg'));
26
26
  }
27
27
  }
28
28
 
29
-
30
29
  .avatar-img {
31
30
  width: 100%;
32
31
  height: 100%;
@@ -44,12 +43,12 @@
44
43
  color: $avatar-title-color;
45
44
  }
46
45
 
47
-
48
46
  // Status
49
47
 
50
48
  .avatar-online,
51
- .avatar-offline {
52
-
49
+ .avatar-offline,
50
+ .card-notselected,
51
+ .card-selected {
53
52
  &::before {
54
53
  content: '';
55
54
  position: absolute;
@@ -61,12 +60,13 @@
61
60
  }
62
61
 
63
62
  .avatar-img {
64
- mask-image: url(image-path("desk_front/avatar-status.svg"));
63
+ mask-image: url(image-path('desk_front/avatar-status.svg'));
65
64
  mask-size: 100% 100%;
66
65
  }
67
66
  }
68
67
 
69
- .avatar-online::before {
68
+ .avatar-online::before,
69
+ .card-selected::before {
70
70
  background-color: $success;
71
71
  }
72
72
 
@@ -74,6 +74,9 @@
74
74
  background-color: $gray-500;
75
75
  }
76
76
 
77
+ .card-notselected::before {
78
+ background-color: $warning;
79
+ }
77
80
 
78
81
  // Sizing
79
82
 
@@ -113,7 +116,6 @@
113
116
  }
114
117
  }
115
118
 
116
-
117
119
  // Ratio
118
120
 
119
121
  .avatar.avatar-4by3 {
@@ -140,7 +142,6 @@
140
142
  width: $avatar-size-xxl * 4 / 3;
141
143
  }
142
144
 
143
-
144
145
  // Group
145
146
 
146
147
  .avatar-group {
@@ -173,9 +174,9 @@
173
174
  }
174
175
 
175
176
  // Add some spacing between avatars
176
-
177
+
177
178
  .avatar:not(:last-child) {
178
- mask-image: url(image-path("desk_front/avatar-group.svg"));
179
+ mask-image: url(image-path('desk_front/avatar-group.svg'));
179
180
  mask-size: 100% 100%;
180
181
  }
181
182
 
@@ -186,13 +187,12 @@
186
187
  z-index: 1;
187
188
 
188
189
  + .avatar {
189
- mask-image: url(image-path("desk_front/avatar-group-hover.svg"));
190
+ mask-image: url(image-path('desk_front/avatar-group-hover.svg'));
190
191
  mask-size: 100% 100%;
191
192
 
192
193
  &:last-child {
193
- mask-image: url(image-path("desk_front/avatar-group-hover-last.svg"));
194
+ mask-image: url(image-path('desk_front/avatar-group-hover-last.svg'));
194
195
  }
195
196
  }
196
197
  }
197
-
198
198
  }
@@ -10,10 +10,19 @@
10
10
  width: 100%;
11
11
  }
12
12
  .love-card {
13
- font-size: 41px;
13
+ font-size: 35px;
14
14
  letter-spacing: 0px;
15
15
  font-weight: 800;
16
16
  font-family: circular;
17
+ &.place {
18
+ font-size: 18px;
19
+ @media screen and (min-width: 1300px) {
20
+ font-size: 1.4vw;
21
+ }
22
+ // @media screen and (min-width: 1200px) {
23
+ // font-size: 36px;
24
+ // }
25
+ }
17
26
  }
18
27
 
19
28
  .card-body {
@@ -1,4 +1,4 @@
1
- //
1
+ avatar-online//
2
2
  // device.scss
3
3
  // Theme component
4
4
  //
@@ -12,7 +12,7 @@
12
12
  }
13
13
 
14
14
  .device::before {
15
- content: "";
15
+ content: '';
16
16
  background-color: $light;
17
17
  }
18
18
 
@@ -22,24 +22,26 @@
22
22
  object-fit: cover;
23
23
  }
24
24
 
25
-
26
25
  //
27
26
  // Single devices
28
27
  //
29
28
 
30
29
  .device-iphonex::before,
31
30
  .device-iphonex > .device-screen {
32
- top: 7.784431138%; left: 16.4021164%;
33
- width: 66.137566137%; height: 80.838323353%;
31
+ top: 7.784431138%;
32
+ left: 16.4021164%;
33
+ width: 66.137566137%;
34
+ height: 80.838323353%;
34
35
  }
35
36
 
36
37
  .device-macbook::before,
37
38
  .device-macbook > .device-screen {
38
- top: 11.53846154%; left: 13.38709677%;
39
- width: 73.548387096%; height: 73.076923076%;
39
+ top: 11.53846154%;
40
+ left: 13.38709677%;
41
+ width: 73.548387096%;
42
+ height: 73.076923076%;
40
43
  }
41
44
 
42
-
43
45
  //
44
46
  // Combos
45
47
  //
@@ -57,15 +59,16 @@
57
59
  }
58
60
 
59
61
  .device-combo-iphonex-iphonex > .device-iphonex {
60
-
61
62
  &:first-child {
62
- bottom: 0; left: 0;
63
+ bottom: 0;
64
+ left: 0;
63
65
  width: 65.5260116%;
64
66
  z-index: 1;
65
67
  }
66
68
 
67
69
  &:last-child {
68
- top: 0; right: 0;
70
+ top: 0;
71
+ right: 0;
69
72
  width: 72.8323699%;
70
73
  }
71
74
  }
@@ -87,17 +90,21 @@
87
90
  }
88
91
 
89
92
  .device-combo-macbook-iphonex > .device-macbook {
90
- top: 0; left: 0;
93
+ top: 0;
94
+ left: 0;
91
95
  }
92
96
 
93
97
  .device-combo-iphonex-macbook > .device-macbook {
94
- top: 0; right: 0;
98
+ top: 0;
99
+ right: 0;
95
100
  }
96
101
 
97
102
  .device-combo-macbook-iphonex > .device-iphonex {
98
- bottom: 0; right: 0;
103
+ bottom: 0;
104
+ right: 0;
99
105
  }
100
106
 
101
107
  .device-combo-iphonex-macbook > .device-iphonex {
102
- bottom: 0; left: 0;
103
- }
108
+ bottom: 0;
109
+ left: 0;
110
+ }
@@ -3,39 +3,39 @@
3
3
  // Theme component
4
4
  //
5
5
 
6
- .icon>svg {
6
+ .icon > svg {
7
7
  width: $icon-size-base;
8
8
  height: $icon-size-base;
9
9
  }
10
10
 
11
- .icon>img {
11
+ .icon > img {
12
12
  width: $icon-size-base;
13
13
  height: $icon-size-base;
14
14
  }
15
15
 
16
16
  // Use "text-" utilities to fill svg icons
17
- .icon[class*="text-"]>svg [fill]:not([fill="none"]) {
17
+ .icon[class*='text-'] > svg [fill]:not([fill='none']) {
18
18
  fill: currentColor !important;
19
19
  }
20
20
 
21
21
  // Sizing
22
22
 
23
- .icon-xs>svg {
23
+ .icon-xs > svg {
24
24
  width: $icon-size-xs;
25
25
  height: $icon-size-xs;
26
26
  }
27
27
 
28
- .icon-sm>svg {
28
+ .icon-sm > svg {
29
29
  width: $icon-size-sm;
30
30
  height: $icon-size-sm;
31
31
  }
32
32
 
33
- .icon-lg>svg {
33
+ .icon-lg > svg {
34
34
  width: $icon-size-lg;
35
35
  height: $icon-size-lg;
36
36
  }
37
37
 
38
- .icon-xl>svg {
38
+ .icon-xl > svg {
39
39
  width: $icon-size-xl;
40
40
  height: $icon-size-xl;
41
41
  }
@@ -50,7 +50,7 @@
50
50
  height: $icon-circle-size;
51
51
  border-radius: 50%;
52
52
 
53
- >.fe {
53
+ > .fe {
54
54
  font-size: $icon-circle-font-size;
55
55
  }
56
- }
56
+ }
@@ -49,7 +49,7 @@
49
49
  // @import "footer";
50
50
  // @import "flickity";
51
51
  // @import "highlight";
52
- // @import "icon";
52
+ // @import 'icon';
53
53
  // @import "list";
54
54
  // @import "screenshot";
55
55
  // @import "section";
@@ -7,18 +7,19 @@
7
7
  position: relative;
8
8
 
9
9
  &::before {
10
- content: "";
10
+ content: '';
11
11
  position: absolute;
12
- top: 0; right: 0; bottom: 0; left: 0;
12
+ top: 0;
13
+ right: 0;
14
+ bottom: 0;
15
+ left: 0;
13
16
  border-radius: inherit;
14
17
  }
15
18
  }
16
19
 
17
-
18
20
  // Colors
19
21
 
20
22
  @each $color, $value in $theme-colors {
21
-
22
23
  // Solid
23
24
  .overlay-#{$color} {
24
25
  @include overlay($value);
@@ -36,14 +37,29 @@
36
37
  }
37
38
  }
38
39
 
39
-
40
40
  // Opacity
41
41
 
42
42
  @for $i from 1 through 9 {
43
43
  .overlay-#{$i * 10} {
44
-
45
44
  &::before {
46
45
  opacity: #{$i / 10};
47
46
  }
47
+ .bg-white {
48
+ background: rgba(255, 255, 255, 0) !important;
49
+ }
50
+ &.active {
51
+ &::before {
52
+ opacity: 0;
53
+ }
54
+ h5 {
55
+ color: $light !important;
56
+ &.bg-white {
57
+ background: rgba(0, 0, 0, 0.276) !important;
58
+ }
59
+ }
60
+ // .badge {
61
+ // display: block;
62
+ // }
63
+ }
48
64
  }
49
- }
65
+ }
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: 14.0.0
4
+ version: 19.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: 2020-06-12 00:00:00.000000000 Z
11
+ date: 2020-06-19 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -352,7 +352,7 @@ files:
352
352
  - lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_visibility.scss
353
353
  - lib/viniBaxter/sass/desk_front/theme-dark.scss
354
354
  - lib/viniBaxter/sass/desk_front/theme.scss
355
- - viniBaxter-desk_front-13.0.0.gem
355
+ - viniBaxter-desk_front-18.0.0.gem
356
356
  - viniBaxter-desk_front.gemspec
357
357
  homepage:
358
358
  licenses:
@@ -373,7 +373,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
373
373
  - !ruby/object:Gem::Version
374
374
  version: '0'
375
375
  requirements: []
376
- rubygems_version: 3.0.3
376
+ rubygems_version: 3.1.2
377
377
  signing_key:
378
378
  specification_version: 4
379
379
  summary: test on front