viniBaxter-desk_front 31.0.0 → 32.0.0

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