viniBaxter-desk_front 13.0.0 → 18.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: 737558cfc0374e9f2820cee3231d7b70767734059c59aa2f78a6ff7b3a677234
4
- data.tar.gz: 71dae2c2679b22e342de46139e55fc4851c0f4f3e17a13d1edab8741a0465651
3
+ metadata.gz: dbadebb4aa57dc1a818f2693843506e7b0be80f2026b1bd40c91f687cb981305
4
+ data.tar.gz: 175cc66b5b81dccf894eb0160905b60bdb98a442ae6b1fda937fa8af6f039293
5
5
  SHA512:
6
- metadata.gz: 300e0d5e82c13efc720b305dfdf46a7927997c375a48891684e8d240ebc00f6b9a346d26e109db32ae99d89d45e6a4d627bc25f4363fdd9a00cc9d77f50045db
7
- data.tar.gz: d57a78baae3ebd611301da6524a95433e8ce1df9af4537b3d7f3594199aacdfec4fa26a2f1915329c9b6110e72078748bfe0db30111ae9388769dab947f3e9a6
6
+ metadata.gz: 589ee2d9dbd10a933cf2b6c49bd534484d6a41d02f965412d1f7087a8415d92e7bd07cd243fe0b0f705a07b8d5438884f99a586b8f2ec7d68f5d16943283bfd2
7
+ data.tar.gz: a60a998d99e551f7145bbc395ddd7c231d0fa64b2fdd44329c55c5bc305ba735c6deb446a6e87787d3c77f35a7e7445b4cbef851a0e6e8c49ce1bb4de7c24f0d
@@ -1,5 +1,5 @@
1
1
  module ViniBaxter
2
2
  module DeskFront
3
- VERSION = "13.0.0"
3
+ VERSION = "18.0.0"
4
4
  end
5
5
  end
@@ -25,7 +25,7 @@
25
25
  // @import "custom/images";
26
26
  // @import "custom/input-group";
27
27
  // @import "custom/info-areas";
28
- // @import "custom/pagination";
28
+ @import 'custom/pagination';
29
29
  // @import "custom/pills";
30
30
  // @import "custom/popover";
31
31
  // @import "custom/progress";
@@ -1,141 +1,146 @@
1
1
  .pagination {
2
- .page-item .page-link {
3
- border: 0;
4
- border-radius: 30px !important;
5
- transition: all .3s;
6
- margin: 0 3px;
7
- min-width: 30px;
8
- text-align: center;
9
- height: 30px;
10
- line-height: 30px;
11
- cursor: pointer;
12
- text-transform: uppercase;
13
- outline: none;
14
-
15
- &:hover,
16
- &:focus {
17
- background-color: rgba($white, 0.1);
18
- color: $white;
19
- border: none;
20
- box-shadow: none;
21
- }
2
+ .page-item .page-link {
3
+ border: 0;
4
+ border-radius: 30px !important;
5
+ transition: all 0.3s;
6
+ margin: 0 3px;
7
+ min-width: 30px;
8
+ text-align: center;
9
+ height: 30px;
10
+ line-height: 30px;
11
+ cursor: pointer;
12
+ text-transform: uppercase;
13
+ outline: none;
14
+
15
+ &:hover,
16
+ &:focus {
17
+ background-color: rgba($white, 0.1);
18
+ color: $white;
19
+ border: none;
20
+ box-shadow: none;
22
21
  }
22
+ }
23
23
 
24
- .arrow-margin-left,
25
- .arrow-margin-right {
26
- position: absolute;
27
- }
24
+ .arrow-margin-left,
25
+ .arrow-margin-right {
26
+ position: absolute;
27
+ }
28
28
 
29
- .arrow-margin-right {
30
- right: 0;
31
- }
29
+ .arrow-margin-right {
30
+ right: 0;
31
+ }
32
32
 
33
- .arrow-margin-left {
34
- left: 0;
35
- }
33
+ .arrow-margin-left {
34
+ left: 0;
35
+ }
36
36
 
37
- .page-item.active > .page-link {
38
- color: $white;
39
- box-shadow: $box-shadow;
37
+ .page-item.active > .page-link {
38
+ color: $white;
39
+ box-shadow: $box-shadow;
40
40
 
41
- &,
42
- &:focus,
43
- &:hover{
44
- @include diagonal-gradient($primary, $primary-states);
41
+ &,
42
+ &:focus,
43
+ &:hover {
44
+ @include diagonal-gradient($primary, $primary-states);
45
45
 
46
- color: $white;
47
- }
46
+ color: $white;
48
47
  }
48
+ }
49
49
 
50
- .page-item.disabled > .page-link{
51
- opacity: .5;
52
- }
50
+ .page-item.disabled > .page-link {
51
+ opacity: 0.5;
52
+ }
53
53
 
54
- // Colors
55
- &.pagination-info{
56
- .page-item.active > .page-link{
57
- &,
58
- &:focus,
59
- &:hover{
60
- @include diagonal-gradient($info, $info-states);
61
- }
62
- }
54
+ // Colors
55
+ &.pagination-info {
56
+ .page-item.active > .page-link {
57
+ &,
58
+ &:focus,
59
+ &:hover {
60
+ @include diagonal-gradient($info, $info-states);
61
+ }
63
62
  }
63
+ }
64
64
 
65
- &.pagination-success{
66
- .page-item.active > .page-link{
67
- &,
68
- &:focus,
69
- &:hover{
70
- @include diagonal-gradient($success, $success-states);
71
- }
72
- }
65
+ &.pagination-success {
66
+ .page-item.active > .page-link {
67
+ &,
68
+ &:focus,
69
+ &:hover {
70
+ @include diagonal-gradient($success, $success-states);
71
+ }
73
72
  }
73
+ }
74
74
 
75
- &.pagination-primary{
76
- .page-item.active > .page-link{
77
- &,
78
- &:focus,
79
- &:hover{
80
- @include diagonal-gradient($primary, $primary-states);
81
-
82
- }
83
- }
75
+ &.pagination-primary {
76
+ .page-item.active > .page-link {
77
+ &,
78
+ &:focus,
79
+ &:hover {
80
+ @include diagonal-gradient($primary, $primary-states);
81
+ }
84
82
  }
83
+ }
85
84
 
86
- &.pagination-warning{
87
- .page-item.active > .page-link{
88
- &,
89
- &:focus,
90
- &:hover{
91
- @include diagonal-gradient($warning, $warning-states);
85
+ &.pagination-warning {
86
+ .page-item.active > .page-link {
87
+ &,
88
+ &:focus,
89
+ &:hover {
90
+ @include diagonal-gradient($warning, $warning-states);
91
+ }
92
+ }
93
+ }
94
+ &.pagination-dark {
95
+ .page-item.active > .page-link {
96
+ &,
97
+ &:focus,
98
+ &:hover {
99
+ @include diagonal-gradient($dark, $warning);
100
+ }
101
+ }
102
+ }
92
103
 
93
- }
94
- }
104
+ &.pagination-danger {
105
+ .page-item.active > .page-link {
106
+ &,
107
+ &:focus,
108
+ &:hover {
109
+ @include diagonal-gradient($danger, $danger-states);
110
+ }
95
111
  }
112
+ }
96
113
 
97
- &.pagination-danger{
98
- .page-item.active > .page-link{
99
- &,
100
- &:focus,
101
- &:hover{
102
- @include diagonal-gradient($danger, $danger-states);
114
+ &.pagination-neutral {
115
+ .page-item > .page-link {
116
+ color: $white;
103
117
 
104
- }
105
- }
118
+ &:focus,
119
+ &:hover {
120
+ background-color: $opacity-2;
121
+ color: $white;
122
+ }
106
123
  }
107
124
 
108
- &.pagination-neutral{
109
- .page-item > .page-link{
110
- color: $white;
111
-
112
- &:focus,
113
- &:hover{
114
- background-color: $opacity-2;
115
- color: $white;
116
- }
117
- }
118
-
119
- .page-item.active > .page-link{
120
- &,
121
- &:focus,
122
- &:hover{
123
- background-color: $white;
124
- border-color: $white;
125
- color: $brand-primary;
126
- }
127
- }
125
+ .page-item.active > .page-link {
126
+ &,
127
+ &:focus,
128
+ &:hover {
129
+ background-color: $white;
130
+ border-color: $white;
131
+ color: $brand-primary;
132
+ }
128
133
  }
129
-
134
+ }
130
135
  }
131
136
 
132
- @include media-breakpoint-down(sm){
137
+ @include media-breakpoint-down(sm) {
133
138
  div.dataTables_paginate ul.pagination {
134
139
  .page-item:first-of-type,
135
140
  .page-item:nth-of-type(2),
136
141
  .page-item:nth-of-type(8),
137
142
  .page-item:last-of-type {
138
- display: none !important;
139
- }
143
+ display: none !important;
144
+ }
140
145
  }
141
146
  }
@@ -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
  }
@@ -14,6 +14,15 @@
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: 13.0.0
4
+ version: 18.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-05 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
@@ -372,7 +372,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
372
372
  - !ruby/object:Gem::Version
373
373
  version: '0'
374
374
  requirements: []
375
- rubygems_version: 3.0.3
375
+ rubygems_version: 3.1.2
376
376
  signing_key:
377
377
  specification_version: 4
378
378
  summary: test on front