viniBaxter-desk_front 22.0.0 → 24.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (148) hide show
  1. checksums.yaml +4 -4
  2. data/lib/viniBaxter/desk_front/version.rb +1 -1
  3. data/lib/viniBaxter/sass/desk_front.scss +5 -0
  4. data/lib/viniBaxter/sass/desk_front/beckyBaxter/_index.scss +1 -1
  5. data/lib/viniBaxter/sass/desk_front/beckyBaxter/_new_nav.scss +9 -0
  6. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_variables.scss +693 -681
  7. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_dropdown.scss +372 -0
  8. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_fixed-plugin.scss +335 -0
  9. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_misc.scss +226 -0
  10. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_navbar.scss +480 -0
  11. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_sidebar-and-main-panel.scss +919 -0
  12. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_white-content.scss +43 -0
  13. data/lib/viniBaxter/sass/desk_front/bootstrap/_alert.scss +51 -0
  14. data/lib/viniBaxter/sass/desk_front/bootstrap/_badge.scss +54 -0
  15. data/lib/viniBaxter/sass/desk_front/bootstrap/_breadcrumb.scss +44 -0
  16. data/lib/viniBaxter/sass/desk_front/bootstrap/_button-group.scss +163 -0
  17. data/lib/viniBaxter/sass/desk_front/bootstrap/_buttons.scss +184 -0
  18. data/lib/viniBaxter/sass/desk_front/bootstrap/_card.scss +286 -0
  19. data/lib/viniBaxter/sass/desk_front/bootstrap/_carousel.scss +197 -0
  20. data/lib/viniBaxter/sass/desk_front/bootstrap/_close.scss +40 -0
  21. data/lib/viniBaxter/sass/desk_front/bootstrap/_code.scss +48 -0
  22. data/lib/viniBaxter/sass/desk_front/bootstrap/_custom-forms.scss +523 -0
  23. data/lib/viniBaxter/sass/desk_front/bootstrap/_dropdown.scss +192 -0
  24. data/lib/viniBaxter/sass/desk_front/bootstrap/_forms.scss +364 -0
  25. data/lib/viniBaxter/sass/desk_front/bootstrap/_grid.scss +72 -0
  26. data/lib/viniBaxter/sass/desk_front/bootstrap/_images.scss +42 -0
  27. data/lib/viniBaxter/sass/desk_front/bootstrap/_input-group.scss +192 -0
  28. data/lib/viniBaxter/sass/desk_front/bootstrap/_jumbotron.scss +17 -0
  29. data/lib/viniBaxter/sass/desk_front/bootstrap/_list-group.scss +153 -0
  30. data/lib/viniBaxter/sass/desk_front/bootstrap/_media.scss +8 -0
  31. data/lib/viniBaxter/sass/desk_front/bootstrap/_mixins.scss +47 -0
  32. data/lib/viniBaxter/sass/desk_front/bootstrap/_modal.scss +240 -0
  33. data/lib/viniBaxter/sass/desk_front/bootstrap/_nav.scss +123 -0
  34. data/lib/viniBaxter/sass/desk_front/bootstrap/_navbar.scss +318 -0
  35. data/lib/viniBaxter/sass/desk_front/bootstrap/_pagination.scss +74 -0
  36. data/lib/viniBaxter/sass/desk_front/bootstrap/_popover.scss +170 -0
  37. data/lib/viniBaxter/sass/desk_front/bootstrap/_print.scss +141 -0
  38. data/lib/viniBaxter/sass/desk_front/bootstrap/_progress.scss +47 -0
  39. data/lib/viniBaxter/sass/desk_front/bootstrap/_reboot.scss +497 -0
  40. data/lib/viniBaxter/sass/desk_front/bootstrap/_root.scss +20 -0
  41. data/lib/viniBaxter/sass/desk_front/bootstrap/_spinners.scss +56 -0
  42. data/lib/viniBaxter/sass/desk_front/bootstrap/_tables.scss +183 -0
  43. data/lib/viniBaxter/sass/desk_front/bootstrap/_toasts.scss +46 -0
  44. data/lib/viniBaxter/sass/desk_front/bootstrap/_tooltip.scss +115 -0
  45. data/lib/viniBaxter/sass/desk_front/bootstrap/_transitions.scss +20 -0
  46. data/lib/viniBaxter/sass/desk_front/bootstrap/_type.scss +149 -0
  47. data/lib/viniBaxter/sass/desk_front/bootstrap/_utilities.scss +18 -0
  48. data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap-grid.scss +29 -0
  49. data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap-reboot.scss +12 -0
  50. data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap.scss +43 -0
  51. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_alert.scss +13 -0
  52. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_background-variant.scss +23 -0
  53. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_badge.scss +17 -0
  54. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_border-radius.scss +76 -0
  55. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_box-shadow.scss +20 -0
  56. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_breakpoints.scss +123 -0
  57. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_buttons.scss +153 -0
  58. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_caret.scss +62 -0
  59. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_clearfix.scss +7 -0
  60. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_deprecate.scss +10 -0
  61. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_float.scss +14 -0
  62. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_forms.scss +178 -0
  63. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_gradients.scss +45 -0
  64. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_grid-framework.scss +80 -0
  65. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_grid.scss +72 -0
  66. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_hover.scss +37 -0
  67. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_image.scss +36 -0
  68. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_list-group.scss +21 -0
  69. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_lists.scss +7 -0
  70. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_nav-divider.scss +11 -0
  71. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_pagination.scss +22 -0
  72. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_reset-text.scss +17 -0
  73. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_resize.scss +6 -0
  74. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_screen-reader.scss +34 -0
  75. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_size.scss +7 -0
  76. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_table-row.scss +39 -0
  77. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_text-emphasis.scss +17 -0
  78. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_text-hide.scss +11 -0
  79. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_text-truncate.scss +8 -0
  80. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_transition.scss +26 -0
  81. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_visibility.scss +8 -0
  82. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_align.scss +8 -0
  83. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_background.scss +19 -0
  84. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_borders.scss +75 -0
  85. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_clearfix.scss +3 -0
  86. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_display.scss +26 -0
  87. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_embed.scss +39 -0
  88. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_flex.scss +51 -0
  89. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_float.scss +11 -0
  90. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_interactions.scss +5 -0
  91. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_overflow.scss +5 -0
  92. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_position.scss +34 -0
  93. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_screenreaders.scss +11 -0
  94. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_shadows.scss +6 -0
  95. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_sizing.scss +20 -0
  96. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_spacing.scss +73 -0
  97. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_stretched-link.scss +19 -0
  98. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_text.scss +72 -0
  99. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_visibility.scss +13 -0
  100. data/lib/viniBaxter/sass/desk_front/bootstrap/vendor/_rfs.scss +204 -0
  101. data/lib/viniBaxter/sass/desk_front/dashkit/_dashkit.scss +2 -2
  102. data/lib/viniBaxter/sass/desk_front/dashkit/_list-group.scss +3 -7
  103. data/lib/viniBaxter/sass/desk_front/dashkit/_nav.scss +16 -15
  104. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_theme.scss +0 -52
  105. data/lib/viniBaxter/sass/desk_front/theme.scss +0 -10
  106. metadata +98 -45
  107. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_alert.scss +0 -18
  108. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_aos.scss +0 -32
  109. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_avatar.scss +0 -192
  110. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_button-group.scss +0 -0
  111. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_buttons.scss +0 -115
  112. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_carousel.scss +0 -0
  113. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_close.scss +0 -11
  114. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_code.scss +0 -0
  115. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_collapse.scss +0 -15
  116. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_custom-forms.scss +0 -65
  117. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_device.scss +0 -110
  118. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_dropdown.scss +0 -106
  119. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_fancybox.scss +0 -14
  120. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_feather.scss +0 -1093
  121. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_flickity.scss +0 -112
  122. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_footer.scss +0 -10
  123. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_forms.scss +0 -92
  124. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_grid.scss +0 -9
  125. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_highlight.scss +0 -8
  126. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_icon.scss +0 -56
  127. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_images.scss +0 -32
  128. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_input-group.scss +0 -0
  129. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_jumbotron.scss +0 -0
  130. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_list-group.scss +0 -22
  131. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_list.scss +0 -27
  132. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_media.scss +0 -0
  133. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_modal.scss +0 -21
  134. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_nav.scss +0 -0
  135. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_navbar.scss +0 -377
  136. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_pagination.scss +0 -34
  137. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_popover.scss +0 -15
  138. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_print.scss +0 -0
  139. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_progress.scss +0 -0
  140. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_reboot.scss +0 -17
  141. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_root.scss +0 -0
  142. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_screenshot.scss +0 -9
  143. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_section.scss +0 -19
  144. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_sidenav.scss +0 -28
  145. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_tables.scss +0 -23
  146. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_tooltip.scss +0 -0
  147. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_transitions.scss +0 -0
  148. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_type.scss +0 -169
@@ -0,0 +1,919 @@
1
+ .wrapper {
2
+ position: relative;
3
+ top: 0;
4
+ height: 100vh;
5
+
6
+ &.wrapper-full-page {
7
+ min-height: 100vh;
8
+ height: auto;
9
+ }
10
+ }
11
+
12
+ .sidebar-wrapper ul li div.collapse ul li div.collapse ul li a,
13
+ .sidebar-wrapper ul li div.collapse ul li div.collapsing ul li a,
14
+ .sidebar-wrapper ul li div.collapsing ul li div.collapse ul li a {
15
+ margin-left: 25px;
16
+ }
17
+ .sidebar,
18
+ .off-canvas-sidebar {
19
+ @include linear-gradient($primary-states, $primary);
20
+ height: calc(100vh - 90px);
21
+ width: 230px;
22
+ position: fixed;
23
+ top: 0;
24
+ left: 0;
25
+ z-index: 1;
26
+ background-size: cover;
27
+ background-position: center center;
28
+ display: block;
29
+ box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.6);
30
+ margin-top: 82px;
31
+ margin-left: 20px;
32
+ border-radius: 5px;
33
+
34
+ .sidebar-wrapper {
35
+ width: $full-width;
36
+ min-height: 100%;
37
+ max-height: calc(100vh - 705px);
38
+ z-index: 4;
39
+ position: relative;
40
+ overflow: auto;
41
+
42
+ .dropdown .dropdown-backdrop {
43
+ display: none !important;
44
+ }
45
+
46
+ .navbar-form {
47
+ border: none;
48
+ }
49
+
50
+ > .nav,
51
+ .user .info {
52
+ [data-toggle='collapse'] ~ div > ul > li > a {
53
+ span {
54
+ display: inline-block;
55
+ @extend .animation-transition-general;
56
+ }
57
+
58
+ .sidebar-normal {
59
+ margin: 0;
60
+ text-transform: capitalize;
61
+ position: relative;
62
+ transform: translateX(0px);
63
+ opacity: 1;
64
+ white-space: nowrap;
65
+ display: block;
66
+ line-height: 23px;
67
+ z-index: 1;
68
+ color: $opacity-8;
69
+ }
70
+
71
+ .sidebar-mini-icon {
72
+ text-transform: uppercase;
73
+ width: 34px;
74
+ margin-right: 10px;
75
+ margin-left: 0px;
76
+ font-size: 12px;
77
+ text-align: center;
78
+ line-height: 25px;
79
+ position: relative;
80
+ float: left;
81
+ z-index: 1;
82
+ display: inherit;
83
+ line-height: 24px;
84
+ color: $opacity-8;
85
+ }
86
+
87
+ i {
88
+ font-size: 17px;
89
+ line-height: 20px;
90
+ width: 26px;
91
+ }
92
+ }
93
+ }
94
+
95
+ [data-toggle='collapse'] ~ div > ul > li:hover > a {
96
+ .sidebar-mini-icon,
97
+ .sidebar-normal {
98
+ color: $white;
99
+ }
100
+ }
101
+
102
+ .nav [data-toggle='collapse'] ~ div > ul > li > a .sidebar-mini-icon {
103
+ opacity: 0;
104
+ }
105
+ }
106
+
107
+ .navbar-minimize {
108
+ position: absolute;
109
+ right: 20px;
110
+ top: 2px;
111
+ opacity: 1;
112
+ @extend .animation-transition-general;
113
+ }
114
+ .logo-tim {
115
+ border-radius: 50%;
116
+ border: 1px solid #333;
117
+ display: block;
118
+ height: 61px;
119
+ width: 61px;
120
+ float: left;
121
+ overflow: hidden;
122
+
123
+ img {
124
+ width: 60px;
125
+ height: 60px;
126
+ }
127
+ }
128
+
129
+ .nav {
130
+ // margin-top: 20px;
131
+ display: block;
132
+
133
+ .caret {
134
+ top: 14px;
135
+ position: absolute;
136
+ right: 10px;
137
+ }
138
+
139
+ li {
140
+ > a + div .nav {
141
+ margin-top: 5px;
142
+ li > a {
143
+ margin-top: 0px;
144
+ padding: 2px 8px;
145
+ }
146
+ }
147
+
148
+ > a {
149
+ margin: 2px 15px 0;
150
+ border-radius: $btn-round-radius;
151
+ color: $white;
152
+ display: block;
153
+ text-decoration: none;
154
+ position: relative;
155
+ text-transform: uppercase;
156
+ cursor: pointer;
157
+ font-size: $font-size-xs !important;
158
+ padding: 3px 8px;
159
+ line-height: $line-height-lg;
160
+ }
161
+
162
+ &:first-child > a {
163
+ margin: 0 15px;
164
+ }
165
+
166
+ &:last-child > a {
167
+ margin: 0 15px;
168
+ }
169
+
170
+ &:hover:not(.active) > a,
171
+ &:focus:not(.active) > a {
172
+ p,
173
+ i {
174
+ color: $white;
175
+ }
176
+ }
177
+
178
+ &:hover:not(.active) > a i,
179
+ &:focus:not(.active) > a i {
180
+ color: $white;
181
+ }
182
+
183
+ &.active > a:not([data-toggle='collapse']) {
184
+ background: transparent;
185
+
186
+ i,
187
+ p {
188
+ color: white;
189
+ }
190
+
191
+ &:before {
192
+ content: ' ';
193
+ position: absolute;
194
+ height: 6px;
195
+ width: 6px;
196
+ top: 11px;
197
+ left: -4px;
198
+ background: $white;
199
+ border-radius: 50%;
200
+ }
201
+ }
202
+
203
+ &.active > a[data-toggle='collapse'] {
204
+ background: transparent;
205
+ box-shadow: none;
206
+ color: $white;
207
+
208
+ i {
209
+ color: $white;
210
+ }
211
+
212
+ & + div .nav .active a {
213
+ box-shadow: none;
214
+ .sidebar-mini-icon,
215
+ .sidebar-normal {
216
+ color: $white;
217
+ font-weight: $font-weight-normal;
218
+ }
219
+
220
+ &:before {
221
+ content: ' ';
222
+ position: absolute;
223
+ height: 6px;
224
+ width: 6px;
225
+ top: 17px;
226
+ left: -4px;
227
+ background: $white;
228
+ border-radius: 50%;
229
+ }
230
+ }
231
+ &:before {
232
+ content: ' ';
233
+ position: absolute;
234
+ height: 6px;
235
+ width: 6px;
236
+ top: 22px;
237
+ left: -4px;
238
+ background: rgba($white, 0.6);
239
+ border-radius: 50%;
240
+ }
241
+ }
242
+ }
243
+
244
+ p {
245
+ margin: 0;
246
+ line-height: 30px;
247
+ position: relative;
248
+ display: block;
249
+ height: auto;
250
+ white-space: nowrap;
251
+ @extend .animation-transition-general;
252
+ }
253
+
254
+ i {
255
+ font-size: 20px;
256
+ float: left;
257
+ margin-right: 12px;
258
+ line-height: 30px;
259
+ width: 34px;
260
+ text-align: center;
261
+ color: $opacity-8;
262
+ position: relative;
263
+ }
264
+ }
265
+
266
+ .sidebar-background {
267
+ position: absolute;
268
+ z-index: 1;
269
+ height: 100%;
270
+ width: $full-width;
271
+ display: block;
272
+ top: 0;
273
+ left: 0;
274
+ background-size: cover;
275
+ background-position: center center;
276
+
277
+ &:after {
278
+ position: absolute;
279
+ z-index: 3;
280
+ width: $full-width;
281
+ height: 100%;
282
+ content: '';
283
+ display: block;
284
+ background: $white;
285
+ opacity: 1;
286
+ }
287
+ }
288
+
289
+ .logo {
290
+ position: relative;
291
+ padding: $padding-base-vertical $padding-base-horizontal 0.5rem;
292
+ z-index: 4;
293
+ margin-bottom: 20px;
294
+
295
+ a.logo-mini,
296
+ a.logo-normal {
297
+ @extend .animation-transition-general;
298
+ }
299
+
300
+ a.logo-mini {
301
+ opacity: 1;
302
+ float: left;
303
+ width: 34px;
304
+ text-align: center;
305
+ margin-left: 10px;
306
+ margin-right: 12px;
307
+ }
308
+
309
+ a.logo-normal {
310
+ display: block;
311
+ opacity: 1;
312
+ @include transform-translate-x(0px);
313
+ }
314
+
315
+ &:after {
316
+ content: '';
317
+ position: absolute;
318
+ bottom: 0;
319
+ right: 15px;
320
+ height: 1px;
321
+ width: calc(100% - 30px);
322
+ background: $opacity-5;
323
+ }
324
+
325
+ p {
326
+ float: left;
327
+ font-size: 20px;
328
+ margin: 10px 10px;
329
+ color: $white;
330
+ line-height: 20px;
331
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
332
+ }
333
+
334
+ .simple-text {
335
+ // text-transform: uppercase;
336
+ padding: $padding-base-vertical 0;
337
+ display: block;
338
+ white-space: nowrap;
339
+ font-size: $font-size-base;
340
+ color: $white;
341
+ text-decoration: none;
342
+ font-weight: $font-weight-normal;
343
+ line-height: 30px;
344
+ overflow: hidden;
345
+ }
346
+ }
347
+
348
+ .logo-tim {
349
+ border-radius: 50%;
350
+ border: 1px solid #333;
351
+ display: block;
352
+ height: 61px;
353
+ width: 61px;
354
+ float: left;
355
+ overflow: hidden;
356
+
357
+ img {
358
+ width: 60px;
359
+ height: 60px;
360
+ }
361
+ }
362
+
363
+ &[data='blue'] {
364
+ @include linear-gradient($info-states, $info);
365
+ &:before {
366
+ border-bottom-color: $info;
367
+ }
368
+ }
369
+ &[data='green'] {
370
+ @include linear-gradient($success-states, $success);
371
+ &:before {
372
+ border-bottom-color: $success;
373
+ }
374
+ }
375
+ &[data='orange'] {
376
+ @include linear-gradient($warning-states, $warning);
377
+ &:before {
378
+ border-bottom-color: $warning;
379
+ }
380
+ }
381
+ &[data='red'] {
382
+ @include linear-gradient($danger-states, $danger);
383
+ &:before {
384
+ border-bottom-color: $danger;
385
+ }
386
+ }
387
+
388
+ .user {
389
+ padding-bottom: 20px;
390
+ margin: 20px auto 0;
391
+ position: relative;
392
+
393
+ &:after {
394
+ content: '';
395
+ position: absolute;
396
+ bottom: 0;
397
+ right: 15px;
398
+ height: 1px;
399
+ width: calc(100% - 30px);
400
+ background: $opacity-5;
401
+ }
402
+
403
+ .photo {
404
+ width: 34px;
405
+ height: 34px;
406
+ overflow: hidden;
407
+ float: left;
408
+ z-index: 5;
409
+ margin-right: 10px;
410
+ border-radius: 50%;
411
+ margin-left: 23px;
412
+ box-shadow: $box-shadow-raised;
413
+ @extend .animation-transition-general;
414
+
415
+ img {
416
+ width: $full-width;
417
+ }
418
+ }
419
+
420
+ a {
421
+ color: $white;
422
+ text-decoration: none;
423
+ padding: $padding-base-vertical 15px;
424
+ white-space: nowrap;
425
+ @extend .animation-transition-general;
426
+ }
427
+
428
+ .info {
429
+ > a {
430
+ display: block;
431
+ line-height: 18px;
432
+
433
+ > span {
434
+ @extend .animation-transition-general;
435
+ display: block;
436
+ position: relative;
437
+ opacity: 1;
438
+ }
439
+ }
440
+
441
+ .caret {
442
+ position: absolute;
443
+ top: 8px;
444
+ right: 18px;
445
+ }
446
+ }
447
+ }
448
+
449
+ &:before {
450
+ content: '';
451
+ position: absolute;
452
+ border-left: 5px solid transparent;
453
+ border-right: 5px solid transparent;
454
+ border-bottom: 5px solid $primary;
455
+ top: -5px;
456
+ left: 40px;
457
+ transform: translate(-50%);
458
+ }
459
+ }
460
+
461
+ .visible-on-sidebar-regular {
462
+ display: inline-block !important;
463
+ }
464
+ .visible-on-sidebar-mini {
465
+ display: none !important;
466
+ }
467
+
468
+ .off-canvas-sidebar {
469
+ .nav {
470
+ > li > a,
471
+ > li > a:hover {
472
+ color: $white;
473
+ }
474
+
475
+ > li > a:focus {
476
+ background: rgba(200, 200, 200, 0.2);
477
+ }
478
+ }
479
+ }
480
+
481
+ .main-panel {
482
+ position: relative;
483
+ float: right;
484
+ width: $full-width;
485
+ min-height: 100vh;
486
+ border-top: 2px solid $primary;
487
+ background: linear-gradient($background-black, $background-states-black);
488
+
489
+ @include transitions(0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1));
490
+
491
+ &[data='blue'] {
492
+ border-top: 2px solid $info;
493
+ }
494
+
495
+ &[data='green'] {
496
+ border-top: 2px solid $success;
497
+ }
498
+
499
+ &[data='orange'] {
500
+ border-top: 2px solid $warning;
501
+ }
502
+
503
+ &[data='red'] {
504
+ border-top: 2px solid $danger;
505
+ }
506
+
507
+ &[data='primary'] {
508
+ border-top: 2px solid $primary;
509
+ }
510
+
511
+ > .content {
512
+ padding: 80px 30px 30px 280px;
513
+ min-height: calc(100vh - 70px);
514
+ }
515
+
516
+ > .navbar {
517
+ margin-bottom: 0;
518
+ }
519
+
520
+ .header {
521
+ margin-bottom: 50px;
522
+ }
523
+ }
524
+
525
+ .perfect-scrollbar-on {
526
+ .sidebar,
527
+ .main-panel {
528
+ height: 100%;
529
+ max-height: 100%;
530
+ }
531
+ }
532
+
533
+ .panel-header {
534
+ height: $sidebar-width;
535
+ padding-top: 80px;
536
+ padding-bottom: 45px;
537
+ background: #141e30; /* fallback for old browsers */
538
+ background: -webkit-gradient(
539
+ linear,
540
+ left top,
541
+ right top,
542
+ from(#0c2646),
543
+ color-stop(60%, #204065),
544
+ to(#2a5788)
545
+ );
546
+ background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%);
547
+ position: relative;
548
+ overflow: hidden;
549
+
550
+ .header {
551
+ .title {
552
+ color: $white;
553
+ }
554
+ .category {
555
+ max-width: 600px;
556
+ color: $opacity-5;
557
+ margin: 0 auto;
558
+ font-size: 13px;
559
+
560
+ a {
561
+ color: $white;
562
+ }
563
+ }
564
+ }
565
+ }
566
+
567
+ .panel-header-sm {
568
+ height: 135px;
569
+ }
570
+
571
+ .panel-header-lg {
572
+ height: 380px;
573
+ }
574
+
575
+ @include media-breakpoint-down(lg) {
576
+ .sidebar {
577
+ position: fixed;
578
+ display: block;
579
+ top: 0;
580
+ height: 100vh;
581
+ width: $sidebar-width;
582
+ right: auto;
583
+ left: 0;
584
+ margin: 0;
585
+ border-radius: 0;
586
+ z-index: 1032;
587
+ visibility: visible;
588
+ overflow-y: visible;
589
+ padding: 0;
590
+ @include transition($sidebar-transition);
591
+ @include transform-translate-x(-$sidebar-width);
592
+
593
+ .sidebar-wrapper {
594
+ height: 100vh;
595
+ }
596
+ }
597
+
598
+ .minimize-sidebar {
599
+ display: none !important;
600
+ }
601
+
602
+ .nav-open {
603
+ .main-panel {
604
+ right: 0;
605
+ @include transform-translate-x($sidebar-width);
606
+ }
607
+
608
+ .sidebar {
609
+ @include transition($sidebar-transition);
610
+ @include transform-translate-x(0px);
611
+ &:before {
612
+ content: unset;
613
+ }
614
+ }
615
+
616
+ body {
617
+ position: relative;
618
+ overflow-x: hidden;
619
+ }
620
+
621
+ .menu-on-right {
622
+ .main-panel {
623
+ @include transform-translate-x(-$sidebar-width);
624
+ }
625
+
626
+ .navbar-collapse,
627
+ .sidebar {
628
+ @include transform-translate-x(0px);
629
+ }
630
+
631
+ .bodyClick {
632
+ right: $sidebar-width;
633
+ left: auto;
634
+ }
635
+ }
636
+ }
637
+
638
+ .menu-on-right {
639
+ .sidebar {
640
+ left: auto;
641
+ right: 0;
642
+ @include transform-translate-x($sidebar-width);
643
+ }
644
+ }
645
+
646
+ .bodyClick {
647
+ height: 100%;
648
+ width: 100%;
649
+ position: fixed;
650
+ opacity: 1;
651
+ top: 0;
652
+ right: 0;
653
+ left: $sidebar-width;
654
+ content: '';
655
+ z-index: 9999;
656
+ overflow-x: hidden;
657
+ background-color: transparent;
658
+ @include transitions(0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1));
659
+ }
660
+
661
+ .wrapper {
662
+ @include transitions(0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1));
663
+ }
664
+
665
+ .main-panel {
666
+ width: 100%;
667
+ .content {
668
+ padding-left: 30px;
669
+ }
670
+ }
671
+ }
672
+
673
+ @include media-breakpoint-up(lg) {
674
+ .sidebar,
675
+ .main-panel,
676
+ .sidebar-wrapper {
677
+ -webkit-transition-property: top, bottom, width;
678
+ transition-property: top, bottom, width;
679
+ -webkit-transition-duration: 0.2s, 0.2s, 0.35s;
680
+ transition-duration: 0.2s, 0.2s, 0.35s;
681
+ -webkit-transition-timing-function: linear, linear, ease;
682
+ transition-timing-function: linear, linear, ease;
683
+ -webkit-overflow-scrolling: touch;
684
+ }
685
+
686
+ .sidebar-mini {
687
+ .visible-on-sidebar-regular {
688
+ display: none !important;
689
+ }
690
+ .visible-on-sidebar-mini {
691
+ display: inline-block !important;
692
+ }
693
+
694
+ .sidebar {
695
+ width: 80px;
696
+
697
+ .sidebar-wrapper {
698
+ width: 100% !important;
699
+ }
700
+ }
701
+
702
+ .sidebar {
703
+ display: block;
704
+ z-index: 1030;
705
+ box-shadow: $sidebar-box-shadow;
706
+
707
+ .logo {
708
+ a.logo-normal {
709
+ opacity: 0;
710
+ @include transform-translate-x(-25px);
711
+ }
712
+ }
713
+
714
+ .sidebar-wrapper {
715
+ > .nav [data-toggle='collapse'] ~ div > ul > li > a .sidebar-normal,
716
+ .user
717
+ .info
718
+ [data-toggle='collapse']
719
+ ~ div
720
+ > ul
721
+ > li
722
+ > a
723
+ .sidebar-normal,
724
+ .user .info > a > span,
725
+ > .nav li > a p {
726
+ @include transform-translate-x(-25px);
727
+ opacity: 0;
728
+ }
729
+ }
730
+
731
+ .nav [data-toggle='collapse'] ~ div > ul > li > a .sidebar-mini-icon {
732
+ opacity: 1;
733
+ }
734
+ }
735
+
736
+ .sidebar:hover {
737
+ width: $sidebar-width;
738
+
739
+ .logo {
740
+ a.logo-normal {
741
+ opacity: 1;
742
+ @include transform-translate-x(0);
743
+ }
744
+ }
745
+
746
+ .navbar-minimize {
747
+ opacity: 1;
748
+ }
749
+ .sidebar-wrapper {
750
+ width: $sidebar-width;
751
+
752
+ > .nav li > a p,
753
+ > .nav [data-toggle='collapse'] ~ div > ul > li > a .sidebar-normal,
754
+ .user
755
+ .info
756
+ [data-toggle='collapse']
757
+ ~ div
758
+ > ul
759
+ > li
760
+ > a
761
+ .sidebar-normal,
762
+ .user .info > a > span {
763
+ @include transform-translate-x(0px);
764
+ opacity: 1;
765
+ }
766
+ }
767
+
768
+ .nav [data-toggle='collapse'] ~ div > ul > li > a .sidebar-mini-icon {
769
+ opacity: 0;
770
+ }
771
+ }
772
+
773
+ .main-panel {
774
+ > .content {
775
+ padding-left: 130px;
776
+ }
777
+ }
778
+
779
+ footer {
780
+ padding-left: 130px;
781
+ }
782
+ }
783
+
784
+ .navbar-minimize {
785
+ button {
786
+ margin-left: 10px;
787
+ i {
788
+ color: $white;
789
+ font-size: 20px;
790
+ }
791
+ }
792
+ }
793
+ }
794
+
795
+ @include media-breakpoint-down(sm) {
796
+ .main-panel .content {
797
+ padding-left: 15px;
798
+ padding-right: 15px;
799
+ }
800
+ }
801
+
802
+ @include media-breakpoint-between(md, lg) {
803
+ .wrapper {
804
+ @include transitions(0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1));
805
+ }
806
+
807
+ .sidebar {
808
+ position: fixed;
809
+ display: block;
810
+ top: 0;
811
+ height: 100vh;
812
+ width: $sidebar-width !important;
813
+ right: auto;
814
+ left: 0;
815
+ margin: 0;
816
+ border-radius: 0;
817
+ z-index: 1032;
818
+ visibility: visible;
819
+ overflow-y: visible;
820
+ padding: 0;
821
+ @include transition($sidebar-transition);
822
+ @include transform-translate-x(-$sidebar-width);
823
+
824
+ .sidebar-wrapper {
825
+ height: 100vh;
826
+ }
827
+ }
828
+
829
+ .main-panel {
830
+ @include transition($sidebar-transition);
831
+ }
832
+
833
+ // .nav-open {
834
+ // body {
835
+ // position: fixed !important;
836
+ // }
837
+ // }
838
+
839
+ .nav-open {
840
+ .main-panel {
841
+ right: 0;
842
+ @include transform-translate-x($sidebar-width);
843
+ }
844
+
845
+ .sidebar {
846
+ @include transition($sidebar-transition);
847
+ @include transform-translate-x(0px);
848
+ &:before {
849
+ content: unset;
850
+ }
851
+ }
852
+
853
+ body {
854
+ position: relative;
855
+ overflow-x: hidden;
856
+ }
857
+
858
+ .menu-on-right {
859
+ .main-panel {
860
+ @include transform-translate-x(-$sidebar-width);
861
+ }
862
+
863
+ .navbar-collapse,
864
+ .sidebar {
865
+ @include transform-translate-x(0px);
866
+ }
867
+
868
+ .bodyClick {
869
+ right: $sidebar-width;
870
+ left: auto;
871
+ }
872
+ }
873
+ }
874
+
875
+ .menu-on-right {
876
+ .sidebar {
877
+ left: auto;
878
+ right: 0;
879
+ @include transform-translate-x($sidebar-width);
880
+ }
881
+ }
882
+
883
+ .bodyClick {
884
+ height: 100%;
885
+ width: 100%;
886
+ position: fixed;
887
+ opacity: 1;
888
+ top: 0;
889
+ right: 0;
890
+ left: $sidebar-width;
891
+ content: '';
892
+ z-index: 9999;
893
+ overflow-x: hidden;
894
+ background-color: transparent;
895
+ @include transitions(0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1));
896
+ }
897
+
898
+ .main-panel .content {
899
+ padding-left: 30px !important;
900
+ }
901
+
902
+ .sidebar-mini .sidebar .logo a.logo-normal {
903
+ opacity: 1;
904
+ transform: translate3d(0px, 0, 0);
905
+ }
906
+
907
+ .sidebar-mini .sidebar .sidebar-wrapper > .nav li > a p {
908
+ opacity: 1;
909
+ }
910
+
911
+ .sidebar-mini .sidebar .sidebar-wrapper .nav li a p {
912
+ opacity: 1 !important;
913
+ transform: translate3d(0px, 0, 0);
914
+ }
915
+
916
+ .minimize-sidebar {
917
+ display: none;
918
+ }
919
+ }