viniBaxter-desk_front 11.0.0 → 12.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (77) hide show
  1. checksums.yaml +4 -4
  2. data/.DS_Store +0 -0
  3. data/lib/viniBaxter/desk_front/version.rb +1 -1
  4. data/lib/viniBaxter/sass/desk_front.scss +4 -1
  5. data/lib/viniBaxter/sass/desk_front/administrate/base/_forms.scss +15 -1
  6. data/lib/viniBaxter/sass/desk_front/administrate/base/_lists.scss +4 -4
  7. data/lib/viniBaxter/sass/desk_front/administrate/base/_tables.scss +11 -11
  8. data/lib/viniBaxter/sass/desk_front/administrate/base/_typography.scss +49 -44
  9. data/lib/viniBaxter/sass/desk_front/administrate/components/_cells.scss +2 -1
  10. data/lib/viniBaxter/sass/desk_front/administrate/index.scss +1 -1
  11. data/lib/viniBaxter/sass/desk_front/beckyBaxter/_index.scss +3 -3
  12. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_navbar.scss +472 -473
  13. data/lib/viniBaxter/sass/desk_front/landing/_landing.scss +5 -0
  14. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_alert.scss +18 -0
  15. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_aos.scss +32 -0
  16. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_avatar.scss +192 -0
  17. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_badge.scss +95 -0
  18. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_breadcrumb.scss +35 -0
  19. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_button-group.scss +0 -0
  20. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_buttons.scss +115 -0
  21. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_card.scss +219 -0
  22. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_carousel.scss +0 -0
  23. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_close.scss +11 -0
  24. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_code.scss +0 -0
  25. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_collapse.scss +15 -0
  26. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_custom-forms.scss +65 -0
  27. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_device.scss +103 -0
  28. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_dropdown.scss +106 -0
  29. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_fancybox.scss +14 -0
  30. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_feather.scss +1093 -0
  31. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_flickity.scss +112 -0
  32. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_footer.scss +10 -0
  33. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_forms.scss +92 -0
  34. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_functions.scss +14 -0
  35. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_grid.scss +9 -0
  36. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_highlight.scss +8 -0
  37. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_icon.scss +56 -0
  38. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_images.scss +32 -0
  39. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_input-group.scss +0 -0
  40. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_jumbotron.scss +0 -0
  41. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_list-group.scss +22 -0
  42. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_list.scss +27 -0
  43. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_media.scss +0 -0
  44. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_mixins.scss +8 -0
  45. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_modal.scss +21 -0
  46. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_nav.scss +0 -0
  47. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_navbar.scss +377 -0
  48. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_pagination.scss +34 -0
  49. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_popover.scss +15 -0
  50. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_print.scss +0 -0
  51. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_progress.scss +0 -0
  52. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_reboot.scss +17 -0
  53. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_root.scss +0 -0
  54. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_screenshot.scss +9 -0
  55. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_section.scss +19 -0
  56. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_shapes.scss +178 -0
  57. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_sidenav.scss +28 -0
  58. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_tables.scss +23 -0
  59. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_theme.scss +57 -0
  60. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_tooltip.scss +0 -0
  61. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_transitions.scss +0 -0
  62. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_type.scss +169 -0
  63. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_utilities.scss +15 -0
  64. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/mixins/_badge.scss +16 -0
  65. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/mixins/_buttons.scss +19 -0
  66. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/mixins/_overlay.scss +24 -0
  67. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_background.scss +54 -0
  68. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_borders.scss +76 -0
  69. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_images.scss +35 -0
  70. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_lift.scss +18 -0
  71. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_overlay.scss +49 -0
  72. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_position.scss +41 -0
  73. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_shadows.scss +24 -0
  74. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_sizing.scss +72 -0
  75. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_type.scss +54 -0
  76. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_visibility.scss +12 -0
  77. metadata +66 -2
@@ -0,0 +1,5 @@
1
+ // Theme functions
2
+ @import 'spa_landing/theme/functions';
3
+
4
+ // Theme core
5
+ @import 'spa_landing/theme/theme';
@@ -0,0 +1,18 @@
1
+ //
2
+ // alerts
3
+ // Extended from Bootstrap
4
+ //
5
+
6
+ // Color variants
7
+ //
8
+ // Using Bootstrap's core alert-variant mixin to generate solid background color + yiq colorized text (and making close/links match those colors)
9
+
10
+ @each $color, $value in $theme-colors {
11
+ .alert-#{$color} {
12
+ @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), color-yiq(theme-color-level($color, $alert-bg-level)));
13
+ .close,
14
+ .alert-link {
15
+ color: color-yiq(theme-color-level($color, $alert-bg-level));
16
+ }
17
+ }
18
+ }
@@ -0,0 +1,32 @@
1
+ //
2
+ // aos.scss
3
+ // Library overrides
4
+ //
5
+
6
+ [data-aos="img-skewed-item-left"],
7
+ [data-aos="img-skewed-item-right"] {
8
+ opacity: 0;
9
+ transition-property: opacity, transform, -webkit-transform;
10
+ will-change: opacity, transform, -webkit-transform;
11
+ backface-visibility: hidden;
12
+
13
+ &.aos-animate {
14
+ opacity: 1;
15
+ }
16
+ }
17
+
18
+ [data-aos="img-skewed-item-left"] {
19
+ transform: rotateY(-$img-skewed-rotate-y + 15deg) rotateX($img-skewed-rotate-x - 10deg) translate3d(0, 100px, 0);
20
+
21
+ &.aos-animate {
22
+ transform: rotateY(-$img-skewed-rotate-y) rotateX($img-skewed-rotate-x) translate3d(0, 0, 0);
23
+ }
24
+ }
25
+
26
+ [data-aos="img-skewed-item-right"] {
27
+ transform: rotateY($img-skewed-rotate-y - 15deg) rotateX($img-skewed-rotate-x - 10deg) translate3d(0, 100px, 0);
28
+
29
+ &.aos-animate {
30
+ transform: rotateY($img-skewed-rotate-y) rotateX($img-skewed-rotate-x) translate3d(0, 0, 0);
31
+ }
32
+ }
@@ -0,0 +1,192 @@
1
+ //
2
+ // avatar.scss
3
+ // Landkit component
4
+ //
5
+
6
+ // General
7
+
8
+ .avatar {
9
+ position: relative;
10
+ display: inline-block;
11
+ width: $avatar-size-base;
12
+ height: $avatar-size-base;
13
+ font-size: $avatar-size-base / 3;
14
+
15
+ // Loads mask images so they don't lag on hover
16
+
17
+ &:after {
18
+ content: '';
19
+ position: absolute;
20
+ width: 0;
21
+ height: 0;
22
+ background-image: url(image-path("spa_landing/avatar-status.svg")),
23
+ url(image-path("spa_landing/avatar-group.svg")),
24
+ url(image-path("spa_landing/avatar-group-hover.svg")),
25
+ url(image-path("spa_landing/avatar-group-hover-last.svg"));
26
+ }
27
+ }
28
+
29
+ .avatar-img {
30
+ width: 100%;
31
+ height: 100%;
32
+ object-fit: cover;
33
+ }
34
+
35
+ .avatar-title {
36
+ display: flex;
37
+ align-items: center;
38
+ justify-content: center;
39
+ width: 100%;
40
+ height: 100%;
41
+ background-color: $avatar-title-bg;
42
+ color: $avatar-title-color;
43
+ }
44
+
45
+ // Status
46
+
47
+ .avatar-online,
48
+ .avatar-offline {
49
+
50
+ &::before {
51
+ content: '';
52
+ position: absolute;
53
+ bottom: 5%;
54
+ right: 5%;
55
+ width: 20%;
56
+ height: 20%;
57
+ border-radius: 50%;
58
+ }
59
+
60
+ .avatar-img {
61
+ mask-image: url(#{$path-to-img}/masks/avatar-status.svg);
62
+ mask-size: 100% 100%;
63
+ }
64
+ }
65
+
66
+ .avatar-online::before {
67
+ background-color: $success;
68
+ }
69
+
70
+ .avatar-offline::before {
71
+ background-color: $gray-500;
72
+ }
73
+
74
+ // Sizing
75
+
76
+ .avatar-xs {
77
+ width: $avatar-size-xs;
78
+ height: $avatar-size-xs;
79
+ font-size: $avatar-size-xs / 3;
80
+ }
81
+
82
+ .avatar-sm {
83
+ width: $avatar-size-sm;
84
+ height: $avatar-size-sm;
85
+ font-size: $avatar-size-sm / 3;
86
+ }
87
+
88
+ .avatar-lg {
89
+ width: $avatar-size-lg;
90
+ height: $avatar-size-lg;
91
+ font-size: $avatar-size-lg / 3;
92
+ }
93
+
94
+ .avatar-xl {
95
+ width: $avatar-size-xl;
96
+ height: $avatar-size-xl;
97
+ font-size: $avatar-size-xl / 3;
98
+ }
99
+
100
+ .avatar-xxl {
101
+ width: $avatar-size-xl;
102
+ height: $avatar-size-xl;
103
+ font-size: $avatar-size-xl / 3;
104
+
105
+ @include media-breakpoint-up(md) {
106
+ width: $avatar-size-xxl;
107
+ height: $avatar-size-xxl;
108
+ font-size: $avatar-size-xxl / 3;
109
+ }
110
+ }
111
+
112
+ // Ratio
113
+
114
+ .avatar.avatar-4by3 {
115
+ width: $avatar-size-base * 4 / 3;
116
+ }
117
+
118
+ .avatar-xs.avatar-4by3 {
119
+ width: $avatar-size-xs * 4 / 3;
120
+ }
121
+
122
+ .avatar-sm.avatar-4by3 {
123
+ width: $avatar-size-sm * 4 / 3;
124
+ }
125
+
126
+ .avatar-lg.avatar-4by3 {
127
+ width: $avatar-size-lg * 4 / 3;
128
+ }
129
+
130
+ .avatar-xl.avatar-4by3 {
131
+ width: $avatar-size-xl * 4 / 3;
132
+ }
133
+
134
+ .avatar-xxl.avatar-4by3 {
135
+ width: $avatar-size-xxl * 4 / 3;
136
+ }
137
+
138
+ // Group
139
+
140
+ .avatar-group {
141
+ display: inline-flex;
142
+
143
+ // Shift every next avatar left
144
+
145
+ .avatar+.avatar {
146
+ margin-left: -$avatar-size-base / 4;
147
+ }
148
+
149
+ .avatar-xs+.avatar-xs {
150
+ margin-left: -$avatar-size-xs / 4;
151
+ }
152
+
153
+ .avatar-sm+.avatar-sm {
154
+ margin-left: -$avatar-size-sm / 4;
155
+ }
156
+
157
+ .avatar-lg+.avatar-lg {
158
+ margin-left: -$avatar-size-lg / 4;
159
+ }
160
+
161
+ .avatar-xl+.avatar-xl {
162
+ margin-left: -$avatar-size-xl / 4;
163
+ }
164
+
165
+ .avatar-xxl+.avatar-xxl {
166
+ margin-left: -$avatar-size-xxl / 4;
167
+ }
168
+
169
+ // Add some spacing between avatars
170
+
171
+ .avatar:not(:last-child) {
172
+ mask-image: url(#{$path-to-img}/masks/avatar-group.svg);
173
+ mask-size: 100% 100%;
174
+ }
175
+
176
+ // Bring an avatar to front on hover
177
+
178
+ .avatar:hover {
179
+ mask-image: none;
180
+ z-index: 1;
181
+
182
+ +.avatar {
183
+ mask-image: url(#{$path-to-img}/masks/avatar-group-hover.svg);
184
+ mask-size: 100% 100%;
185
+
186
+ &:last-child {
187
+ mask-image: url(#{$path-to-img}/masks/avatar-group-hover-last.svg);
188
+ }
189
+ }
190
+ }
191
+
192
+ }
@@ -0,0 +1,95 @@
1
+ //
2
+ // badge.scss
3
+ // Extended from Bootstrap
4
+ //
5
+
6
+
7
+ // Soft variants
8
+
9
+ @each $color, $value in $theme-colors {
10
+ .badge-#{$color}-soft {
11
+ @include badge-variant-soft($value, $badge-soft-bg-opacity);
12
+ }
13
+ }
14
+
15
+ .badge-gray-700-soft {
16
+ @include badge-variant-soft($gray-700, $badge-soft-bg-opacity);
17
+ }
18
+
19
+
20
+ // Color options
21
+
22
+ .badge-gray-600 {
23
+ background-color: $gray-600;
24
+ color: $white;
25
+ }
26
+
27
+
28
+ // Sizing
29
+
30
+ .badge-lg {
31
+ padding: $badge-padding-y-lg $badge-padding-x-lg;
32
+ }
33
+
34
+
35
+ // Rounded circle
36
+
37
+ .badge-rounded-circle {
38
+ height: calc(1em + #{$badge-padding-y * 2});
39
+ padding-left: $badge-padding-y;
40
+ padding-right: $badge-padding-y;
41
+ border-radius: $badge-pill-border-radius;
42
+
43
+ > * {
44
+ display: block;
45
+ width: 1em;
46
+ }
47
+
48
+
49
+ &.badge-lg {
50
+ height: calc(1em + #{$badge-padding-y-lg * 2});
51
+ padding-left: $badge-padding-y-lg;
52
+ padding-right: $badge-padding-y-lg;
53
+ }
54
+ }
55
+
56
+
57
+ // Positioning
58
+
59
+ .badge-float {
60
+ position: absolute;
61
+ z-index: $zindex-dropdown;
62
+ }
63
+
64
+ .badge-float-outside {
65
+ top: -.5rem;
66
+ right: -.5rem;
67
+ }
68
+
69
+ .badge-float-inside {
70
+ top: 1rem;
71
+ right: 1rem;
72
+ }
73
+
74
+
75
+ // Active
76
+
77
+ .badge-white-soft.active {
78
+ background-color: $white;
79
+ color: $primary;
80
+
81
+ @include hover-focus {
82
+ background-color: darken($white, 5%);
83
+ color: $primary;
84
+ }
85
+ }
86
+
87
+ .badge-secondary-soft.active {
88
+ background-color: $primary;
89
+ color: color-yiq($primary);
90
+
91
+ @include hover-focus {
92
+ background-color: darken($primary, 5%);
93
+ color: color-yiq(darken($primary, 5%));
94
+ }
95
+ }
@@ -0,0 +1,35 @@
1
+ //
2
+ // breadcrumb.scss
3
+ // Extended from Bootstrap
4
+ //
5
+
6
+ .breadcrumb-item {
7
+ font-size: $breadcrumb-font-size;
8
+
9
+ + .breadcrumb-item {
10
+
11
+ &::before {
12
+ content: "\e930";
13
+ font-family: "Feather";
14
+ }
15
+ }
16
+ }
17
+
18
+
19
+ // Horizontal scroll
20
+
21
+ .breadcrumb-scroll {
22
+ display: flex;
23
+ flex-wrap: nowrap;
24
+ overflow-y: auto;
25
+
26
+ .breadcrumb-item {
27
+ white-space: nowrap;
28
+ }
29
+
30
+ // Hide scrollbar
31
+
32
+ &::-webkit-scrollbar {
33
+ display: none;
34
+ }
35
+ }
@@ -0,0 +1,115 @@
1
+ //
2
+ // buttons.scss
3
+ // Extended from Bootstrap
4
+ //
5
+
6
+ .btn > img {
7
+ max-height: 1em;
8
+ width: auto;
9
+ }
10
+
11
+ .btn:not([class*="btn-outline"]) {
12
+ border-color: transparent !important;
13
+ }
14
+
15
+
16
+ // Custom colors
17
+
18
+ .btn-white {
19
+ background-color: $white;
20
+ color: $primary;
21
+
22
+ @include hover-focus {
23
+ background-color: $white;
24
+ color: darken($primary, 5%);
25
+ }
26
+
27
+ &.active {
28
+ background-color: darken($white, 5%);
29
+ color: darken($primary, 5%);
30
+ }
31
+ }
32
+
33
+ .btn-group .btn-white {
34
+ border-color: $gray-300 !important;
35
+ color: $text-muted;
36
+
37
+ &.active {
38
+ background-color: darken($white, 5%);
39
+ color: darken($text-muted, 5%);
40
+ box-shadow: none;
41
+ }
42
+ }
43
+
44
+ .btn-gray-400 {
45
+ background-color: $gray-400;
46
+ color: $white;
47
+
48
+ @include hover-focus {
49
+ background-color: darken($gray-400, 5%);
50
+ color: darken($white, 5%);
51
+ }
52
+
53
+ &.active {
54
+ background-color: darken($gray-400, 5%);
55
+ color: darken($white, 5%);
56
+ }
57
+ }
58
+
59
+ .btn-outline-gray-300 {
60
+ border-color: $gray-300;
61
+ color: $primary;
62
+
63
+ @include hover-focus {
64
+ background-color: $primary;
65
+ border-color: $primary;
66
+ color: $white;
67
+ }
68
+
69
+ &.active {
70
+ background-color: $primary;
71
+ border-color: $primary;
72
+ color: $white;
73
+ }
74
+ }
75
+
76
+
77
+ // Soft variants
78
+
79
+ @each $color, $value in $theme-colors {
80
+ .btn-#{$color}-soft {
81
+ @include btn-variant-soft(rgba($value, $btn-soft-bg-opacity), $value);
82
+ }
83
+ }
84
+
85
+
86
+ // Pill
87
+
88
+ .btn-pill {
89
+ border-radius: $rounded-pill;
90
+ }
91
+
92
+
93
+ // Rounded circle
94
+
95
+ .btn-rounded-circle {
96
+ padding-left: $btn-padding-y;
97
+ padding-right: $btn-padding-y;
98
+ border-radius: $rounded-pill;
99
+
100
+ > * {
101
+ display: block;
102
+ line-height: 1;
103
+ width: 1em;
104
+ }
105
+ }
106
+
107
+ .btn-rounded-circle.btn-lg {
108
+ padding-left: $btn-padding-y-lg;
109
+ padding-right: $btn-padding-y-lg;
110
+ }
111
+
112
+ .btn-rounded-circle.btn-sm {
113
+ padding-left: $btn-padding-y-sm;
114
+ padding-right: $btn-padding-y-sm;
115
+ }