viniBaxter-desk_front 0.3.1 → 0.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (143) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/images/desk_front/icon-status.svg +9 -0
  3. data/app/assets/images/desk_front/sidebar-cover.jpg +0 -0
  4. data/lib/viniBaxter/desk_front/version.rb +1 -1
  5. data/lib/viniBaxter/sass/.DS_Store +0 -0
  6. data/lib/viniBaxter/sass/desk_front.scss +10 -4
  7. data/lib/viniBaxter/sass/desk_front/.DS_Store +0 -0
  8. data/lib/viniBaxter/sass/desk_front/administrate/base/_tables.scss +3 -1
  9. data/lib/viniBaxter/sass/desk_front/administrate/index.scss +6 -6
  10. data/lib/viniBaxter/sass/desk_front/beckyBaxter/_functions.scss +23 -0
  11. data/lib/viniBaxter/sass/desk_front/beckyBaxter/_index.scss +85 -0
  12. data/lib/viniBaxter/sass/desk_front/beckyBaxter/_mixins.scss +15 -0
  13. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-animation-on-hover.scss +7 -0
  14. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-chart.scss +84 -0
  15. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-collapse.scss +51 -0
  16. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-contributions.scss +55 -0
  17. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-lock.scss +18 -0
  18. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-map.scss +3 -0
  19. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-plain.scss +16 -0
  20. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-pricing.scss +190 -0
  21. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-profile.scss +49 -0
  22. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-register.scss +79 -0
  23. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-stats-mini.scss +53 -0
  24. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-stats.scss +80 -0
  25. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-subcategories.scss +3 -0
  26. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-task.scss +31 -0
  27. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-testimonials.scss +46 -0
  28. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-user.scss +77 -0
  29. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-wizard.scss +21 -0
  30. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_alerts.scss +89 -0
  31. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_avatars.scss +53 -0
  32. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_badge.scss +25 -0
  33. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_buttons.scss +281 -0
  34. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_card.scss +228 -0
  35. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_checkboxes-radio.scss +154 -0
  36. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_close.scss +29 -0
  37. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_custom-forms.scss +186 -0
  38. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_dropdown.scss +361 -0
  39. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_example-pages.scss +319 -0
  40. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_fixed-plugin.scss +335 -0
  41. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_footer.scss +109 -0
  42. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_forms.scss +146 -0
  43. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_functions.scss +23 -0
  44. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_global.scss +172 -0
  45. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_grid.scss +5 -0
  46. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_icons.scss +92 -0
  47. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_images.scss +7 -0
  48. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_info-areas.scss +170 -0
  49. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_input-group.scss +342 -0
  50. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_misc.scss +215 -0
  51. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_mixins.scss +15 -0
  52. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_modal.scss +257 -0
  53. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_nav.scss +85 -0
  54. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_navbar.scss +480 -0
  55. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_pagination.scss +141 -0
  56. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_pills.scss +169 -0
  57. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_popover.scss +14 -0
  58. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_progress.scss +103 -0
  59. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_reboot.scss +18 -0
  60. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_rtl.scss +268 -0
  61. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_sidebar-and-main-panel.scss +912 -0
  62. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_tables.scss +248 -0
  63. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_tabs.scss +110 -0
  64. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_timeline.scss +251 -0
  65. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_type.scss +166 -0
  66. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_utilities.scss +9 -0
  67. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_variables.scss +997 -0
  68. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_white-content.scss +491 -0
  69. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-animation-on-hover.scss +7 -0
  70. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-chart.scss +84 -0
  71. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-collapse.scss +51 -0
  72. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-contributions.scss +55 -0
  73. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-lock.scss +18 -0
  74. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-map.scss +3 -0
  75. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-plain.scss +16 -0
  76. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-pricing.scss +190 -0
  77. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-profile.scss +49 -0
  78. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-register.scss +79 -0
  79. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-stats-mini.scss +53 -0
  80. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-stats.scss +80 -0
  81. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-subcategories.scss +3 -0
  82. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-task.scss +31 -0
  83. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-testimonials.scss +46 -0
  84. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-user.scss +77 -0
  85. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-wizard.scss +21 -0
  86. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_alert.scss +14 -0
  87. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_background-variant.scss +18 -0
  88. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_badges.scss +15 -0
  89. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_buttons.scss +343 -0
  90. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_dropdown.scss +26 -0
  91. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_forms.scss +127 -0
  92. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_icon.scss +4 -0
  93. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_inputs.scss +234 -0
  94. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_modals.scss +15 -0
  95. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_page-header.scss +7 -0
  96. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_popovers.scss +41 -0
  97. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_vendor-prefixes.scss +202 -0
  98. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_wizard.scss +26 -0
  99. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/opacity.scss +8 -0
  100. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_backgrounds.scss +42 -0
  101. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_floating.scss +54 -0
  102. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_helper.scss +62 -0
  103. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_position.scss +19 -0
  104. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_shadows.scss +10 -0
  105. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_sizing.scss +5 -0
  106. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_spacing.scss +105 -0
  107. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_text.scss +40 -0
  108. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_transform.scss +8 -0
  109. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-animate-bootstrap-notify.scss +227 -0
  110. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-bootstrap-select.scss +358 -0
  111. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-bootstrap-switch.scss +316 -0
  112. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-card-wizard.scss +315 -0
  113. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-datatables.net.scss +135 -0
  114. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-datetimepicker.scss +527 -0
  115. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-fullcalendar.scss +1528 -0
  116. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-jasny-fileupload.scss +116 -0
  117. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-jquery.jvectormap.scss +136 -0
  118. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-nouislider.scss +373 -0
  119. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-perfect-scrollbar.scss +116 -0
  120. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-sweetalert2.scss +711 -0
  121. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-tagsinput.scss +79 -0
  122. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_alert.scss +14 -0
  123. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_background-variant.scss +18 -0
  124. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_badges.scss +15 -0
  125. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_buttons.scss +343 -0
  126. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_dropdown.scss +26 -0
  127. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_forms.scss +127 -0
  128. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_icon.scss +4 -0
  129. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_inputs.scss +234 -0
  130. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_modals.scss +15 -0
  131. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_page-header.scss +7 -0
  132. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_popovers.scss +41 -0
  133. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_vendor-prefixes.scss +202 -0
  134. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_wizard.scss +26 -0
  135. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/opacity.scss +8 -0
  136. data/lib/viniBaxter/sass/desk_front/dashkit/_avatar.scss +1 -1
  137. data/lib/viniBaxter/sass/desk_front/dashkit/_card.scss +2 -2
  138. data/lib/viniBaxter/sass/desk_front/dashkit/_icon.scss +2 -2
  139. data/lib/viniBaxter/sass/desk_front/dashkit/_list-group.scss +4 -3
  140. data/lib/viniBaxter/sass/desk_front/dashkit/_navbar.scss +4 -4
  141. data/viniBaxter-desk_front.gemspec +1 -1
  142. metadata +132 -18
  143. data/Gemfile.lock +0 -35
@@ -0,0 +1,268 @@
1
+ .rtl {
2
+ .sidebar,
3
+ .bootstrap-navbar {
4
+ right: 0;
5
+ left: auto;
6
+ margin-right: 20px;
7
+ margin-left: 0;
8
+
9
+ .nav{
10
+ i{
11
+ float: right;
12
+ margin-left: 15px;
13
+ margin-right: 0;
14
+ }
15
+
16
+ p{
17
+ margin-right: 45px;
18
+ text-align: right;
19
+ }
20
+
21
+ .caret{
22
+ left: 11px;
23
+ right: auto;
24
+ }
25
+ }
26
+
27
+ .logo{
28
+ a.logo-mini{
29
+ float: right;
30
+ margin-right: 20px;
31
+ margin-left: 10px;
32
+ }
33
+
34
+ .simple-text{
35
+ text-align: right;
36
+ }
37
+ }
38
+
39
+ .sidebar-wrapper .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini-icon,
40
+ .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini-icon{
41
+ float: right;
42
+ margin-left: 15px;
43
+ margin-right: 0;
44
+ }
45
+
46
+ .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
47
+ .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal{
48
+ text-align: right;
49
+ }
50
+
51
+ &:before{
52
+ right: 30px;
53
+ left: auto;
54
+ }
55
+ }
56
+
57
+ .main-panel{
58
+ position: fixed;
59
+ height: 100%;
60
+ overflow-y: scroll;
61
+ overflow-x: hidden;
62
+ }
63
+
64
+ .main-panel .content{
65
+ padding: 110px 300px 20px 50px
66
+ }
67
+
68
+ .dropdown-toggle:after{
69
+ margin-right: .255em;
70
+ margin-left: 0;
71
+ }
72
+
73
+ .dropdown-menu.dropdown-menu-right.dropdown-navbar{
74
+ right: -220px !important;
75
+ left: auto;
76
+
77
+ &:before{
78
+ right: auto;
79
+ left: 35px;
80
+ }
81
+ }
82
+
83
+ .notification{
84
+ left: 40px;
85
+ right: auto;
86
+ }
87
+
88
+ .dropdown-menu{
89
+ right: auto;
90
+ left: 0;
91
+ }
92
+
93
+ .card-timeline .timeline .timeline-footer .btn{
94
+ margin-left: 0;
95
+ margin-right: auto;
96
+ }
97
+
98
+ .navbar-minimize-fixed{
99
+ margin-right: 38px;
100
+ margin-left: auto;
101
+ }
102
+
103
+ .minimize-sidebar{
104
+ float: right;
105
+ }
106
+
107
+ .alert{
108
+ left: 0;
109
+ margin-left: 0;
110
+ margin-right: 0;
111
+ button.close{
112
+ left: 10px !important;
113
+ right: auto !important;
114
+ }
115
+
116
+ span[data-notify="icon"]{
117
+ right: 15px;
118
+ left: auto;
119
+ }
120
+
121
+
122
+
123
+ &.alert-with-icon{
124
+ padding-right: 65px;
125
+ padding-left: 15px;
126
+ }
127
+
128
+ &.alert-with-icon i[data-notify="icon"]{
129
+ right: 15px;
130
+ left: auto;
131
+ }
132
+ }
133
+
134
+ .search-bar{
135
+ margin-left: 0;
136
+ }
137
+
138
+ .modal-search .modal-header .close{
139
+ margin-right: auto;
140
+ left: 10px;
141
+ }
142
+
143
+ .rtl .footer{
144
+ padding: 24px 30px !important;
145
+ }
146
+
147
+ .ps__rail-y {
148
+ right: auto !important;
149
+ left: 0;
150
+ }
151
+
152
+ .card.card-timeline {
153
+ .timeline .timeline-footer{
154
+ .btn.dropdown-toggle {
155
+ i {
156
+ left: 0 !important;
157
+ }
158
+
159
+ &:after {
160
+ margin-left: 5px !important;
161
+ }
162
+ }
163
+ }
164
+ }
165
+
166
+ .fixed-plugin .dropdown-menu{
167
+ right: 80px;
168
+ }
169
+ }
170
+
171
+
172
+
173
+ @include media-breakpoint-up(xl) {
174
+ .rtl{
175
+ &.sidebar-mini .main-panel .content {
176
+ padding-right: 130px;
177
+ padding-left: 50px;
178
+ }
179
+
180
+ &.sidebar-mini footer {
181
+ padding-right: 130px;
182
+ padding-left: 50px;
183
+ }
184
+
185
+ .navbar-minimize button {
186
+ margin-right: -5px;
187
+ }
188
+
189
+ .footer {
190
+ padding: 24px 300px 24px 0;
191
+ }
192
+ }
193
+ }
194
+
195
+ @include media-breakpoint-down(lg) {
196
+
197
+ .rtl .sidebar {
198
+ margin-right: 0;
199
+ }
200
+
201
+ .rtl .main-panel .content{
202
+ padding-right: 50px;
203
+ }
204
+ }
205
+
206
+ @include media-breakpoint-down(md) {
207
+ .rtl .main-panel .content {
208
+ padding-right: 50px;
209
+ }
210
+
211
+ .rtl #bodyClick {
212
+ right: 260px;
213
+ left: auto;
214
+ }
215
+
216
+ .rtl .navbar .navbar-toggle .navbar-toggler {
217
+ display: block;
218
+ margin-right: 20px;
219
+ }
220
+
221
+ .rtl .navbar {
222
+ .navbar-nav {
223
+ padding-right: 0;
224
+ a.nav-link {
225
+ text-align: right;
226
+ p{
227
+ margin-right: 7px;
228
+ }
229
+ }
230
+
231
+ .btn {
232
+ margin-right: 0;
233
+ padding: 0;
234
+ i{
235
+ margin-left: 4px;
236
+ margin-right: 5px;
237
+ }
238
+ }
239
+
240
+ .search-bar span{
241
+ margin-right: 10px;
242
+ }
243
+ }
244
+ }
245
+ .nav-open {
246
+ body {
247
+ position: fixed;
248
+ }
249
+ }
250
+ }
251
+
252
+
253
+ @include media-breakpoint-down(sm) {
254
+ .rtl {
255
+ .main-panel .content {
256
+ padding-left: 15px;
257
+ padding-right: 15px;
258
+ }
259
+ }
260
+ }
261
+
262
+
263
+ @include media-breakpoint-down(xs) {
264
+
265
+ .rtl .navbar .dropdown-menu {
266
+ width: 200px !important;
267
+ }
268
+ }
@@ -0,0 +1,912 @@
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
+ min-height: calc(100vh - 70px);
519
+ }
520
+
521
+ > .navbar {
522
+ margin-bottom: 0;
523
+ }
524
+
525
+
526
+ .header {
527
+ margin-bottom: 50px;
528
+ }
529
+ }
530
+
531
+
532
+ .perfect-scrollbar-on{
533
+ .sidebar,
534
+ .main-panel{
535
+ height: 100%;
536
+ max-height: 100%;
537
+ }
538
+ }
539
+
540
+
541
+ .panel-header {
542
+ height: $sidebar-width;
543
+ padding-top: 80px;
544
+ padding-bottom: 45px;
545
+ background: #141E30; /* fallback for old browsers */
546
+ background: -webkit-gradient(linear, left top, right top, from(#0c2646), color-stop(60%, #204065), to(#2a5788));
547
+ background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%);
548
+ position: relative;
549
+ overflow: hidden;
550
+
551
+ .header{
552
+ .title{
553
+ color: $white;
554
+ }
555
+ .category{
556
+ max-width: 600px;
557
+ color: $opacity-5;
558
+ margin: 0 auto;
559
+ font-size: 13px;
560
+
561
+ a{
562
+ color: $white;
563
+ }
564
+ }
565
+ }
566
+ }
567
+
568
+ .panel-header-sm{
569
+ height: 135px;
570
+ }
571
+
572
+ .panel-header-lg{
573
+ height: 380px
574
+ }
575
+
576
+ @include media-breakpoint-down(md){
577
+ .sidebar{
578
+ position: fixed;
579
+ display: block;
580
+ top: 0;
581
+ height: 100vh;
582
+ width: $sidebar-width;
583
+ right: auto;
584
+ left: 0;
585
+ margin: 0;
586
+ border-radius: 0;
587
+ z-index: 1032;
588
+ visibility: visible;
589
+ overflow-y: visible;
590
+ padding: 0;
591
+ @include transition($sidebar-transition);
592
+ @include transform-translate-x(-$sidebar-width);
593
+
594
+ .sidebar-wrapper{
595
+ height: 100vh;
596
+ }
597
+ }
598
+
599
+ .minimize-sidebar{
600
+ display: none;
601
+ }
602
+
603
+
604
+ .nav-open{
605
+ .main-panel{
606
+ right: 0;
607
+ @include transform-translate-x($sidebar-width);
608
+ }
609
+
610
+ .sidebar{
611
+
612
+ @include transition($sidebar-transition);
613
+ @include transform-translate-x(0px);
614
+ &:before{
615
+ content: unset;
616
+ }
617
+ }
618
+
619
+ body{
620
+ position: relative;
621
+ overflow-x: hidden;
622
+ }
623
+
624
+ .menu-on-right{
625
+
626
+ .main-panel{
627
+ @include transform-translate-x(-$sidebar-width);
628
+ }
629
+
630
+ .navbar-collapse,
631
+ .sidebar{
632
+ @include transform-translate-x(0px);
633
+ }
634
+
635
+ .bodyClick{
636
+ right: $sidebar-width;
637
+ left: auto;
638
+ }
639
+ }
640
+ }
641
+
642
+ .menu-on-right{
643
+ .sidebar{
644
+ left: auto;
645
+ right: 0;
646
+ @include transform-translate-x($sidebar-width);
647
+ }
648
+ }
649
+
650
+ .bodyClick{
651
+ height: 100%;
652
+ width: 100%;
653
+ position: fixed;
654
+ opacity: 1;
655
+ top: 0;
656
+ right: 0;
657
+ left: $sidebar-width;
658
+ content: "";
659
+ z-index: 9999;
660
+ overflow-x: hidden;
661
+ background-color: transparent;
662
+ @include transitions (0.50s, cubic-bezier(0.685, 0.0473, 0.346, 1));
663
+ }
664
+
665
+ .wrapper{
666
+ @include transitions (0.50s, cubic-bezier(0.685, 0.0473, 0.346, 1));
667
+ }
668
+
669
+ .main-panel{
670
+ width: 100%;
671
+ .content{
672
+ padding-left: 30px;
673
+ }
674
+ }
675
+ }
676
+
677
+ @include media-breakpoint-up(lg){
678
+ .sidebar,
679
+ .main-panel,
680
+ .sidebar-wrapper{
681
+ -webkit-transition-property: top,bottom,width;
682
+ transition-property: top,bottom, width;
683
+ -webkit-transition-duration: .2s,.2s, .35s;
684
+ transition-duration: .2s,.2s, .35s;
685
+ -webkit-transition-timing-function: linear,linear,ease;
686
+ transition-timing-function: linear,linear,ease;
687
+ -webkit-overflow-scrolling: touch;
688
+ }
689
+
690
+
691
+ .sidebar-mini{
692
+ .visible-on-sidebar-regular{
693
+ display: none !important;
694
+ }
695
+ .visible-on-sidebar-mini{
696
+ display: inline-block !important;
697
+ }
698
+
699
+ .sidebar{
700
+ width: 80px;
701
+
702
+ .sidebar-wrapper{
703
+ width: 100% !important;
704
+ }
705
+ }
706
+
707
+
708
+ .sidebar{
709
+ display: block;
710
+ z-index: 1030;
711
+ box-shadow: $sidebar-box-shadow;
712
+
713
+ .logo{
714
+ a.logo-normal{
715
+ opacity: 0;
716
+ @include transform-translate-x(-25px);
717
+ }
718
+ }
719
+
720
+ .sidebar-wrapper{
721
+ > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
722
+ .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
723
+ .user .info > a > span,
724
+ > .nav li > a p{
725
+ @include transform-translate-x(-25px);
726
+ opacity: 0;
727
+ }
728
+ }
729
+
730
+ .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini-icon{
731
+ opacity: 1;
732
+ }
733
+ }
734
+
735
+ .sidebar:hover {
736
+ width: $sidebar-width;
737
+
738
+ .logo {
739
+ a.logo-normal {
740
+ opacity: 1;
741
+ @include transform-translate-x(0);
742
+ }
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 .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
755
+ .user .info > a > span{
756
+ @include transform-translate-x(0px);
757
+ opacity: 1;
758
+ }
759
+ }
760
+
761
+ .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini-icon{
762
+ opacity: 0;
763
+ }
764
+
765
+
766
+
767
+ }
768
+
769
+ .main-panel{
770
+ > .content{
771
+ padding-left: 130px;
772
+ }
773
+ }
774
+
775
+ footer{
776
+ padding-left: 130px;
777
+ }
778
+ }
779
+
780
+ .navbar-minimize{
781
+ button {
782
+ margin-left: 10px;
783
+ i{
784
+ color: $white;
785
+ font-size: 20px;
786
+ }
787
+ }
788
+ }
789
+
790
+ }
791
+
792
+ @include media-breakpoint-down(sm){
793
+ .main-panel .content {
794
+ padding-left: 15px;
795
+ padding-right: 15px;
796
+ }
797
+ }
798
+
799
+ @include media-breakpoint-between (md, lg){
800
+ .wrapper{
801
+ @include transitions (0.50s, cubic-bezier(0.685, 0.0473, 0.346, 1));
802
+ }
803
+
804
+ .sidebar{
805
+ position: fixed;
806
+ display: block;
807
+ top: 0;
808
+ height: 100vh;
809
+ width: $sidebar-width !important;
810
+ right: auto;
811
+ left: 0;
812
+ margin: 0;
813
+ border-radius: 0;
814
+ z-index: 1032;
815
+ visibility: visible;
816
+ overflow-y: visible;
817
+ padding: 0;
818
+ @include transition($sidebar-transition);
819
+ @include transform-translate-x(-$sidebar-width);
820
+
821
+ .sidebar-wrapper{
822
+ height: 100vh;
823
+ }
824
+ }
825
+
826
+ .main-panel{
827
+ @include transition($sidebar-transition);
828
+ }
829
+
830
+ .nav-open{
831
+ .main-panel{
832
+ right: 0;
833
+ @include transform-translate-x($sidebar-width);
834
+ }
835
+
836
+ .sidebar{
837
+
838
+ @include transition($sidebar-transition);
839
+ @include transform-translate-x(0px);
840
+ &:before{
841
+ content: unset;
842
+ }
843
+ }
844
+
845
+ body{
846
+ position: relative;
847
+ overflow-x: hidden;
848
+ }
849
+
850
+ .menu-on-right{
851
+
852
+ .main-panel{
853
+ @include transform-translate-x(-$sidebar-width);
854
+ }
855
+
856
+ .navbar-collapse,
857
+ .sidebar{
858
+ @include transform-translate-x(0px);
859
+ }
860
+
861
+ .bodyClick{
862
+ right: $sidebar-width;
863
+ left: auto;
864
+ }
865
+ }
866
+ }
867
+
868
+ .menu-on-right{
869
+ .sidebar{
870
+ left: auto;
871
+ right: 0;
872
+ @include transform-translate-x($sidebar-width);
873
+ }
874
+ }
875
+
876
+ .bodyClick {
877
+ height: 100%;
878
+ width: 100%;
879
+ position: fixed;
880
+ opacity: 1;
881
+ top: 0;
882
+ right: 0;
883
+ left: $sidebar-width;
884
+ content: "";
885
+ z-index: 9999;
886
+ overflow-x: hidden;
887
+ background-color: transparent;
888
+ @include transitions(0.50s, cubic-bezier(0.685, 0.0473, 0.346, 1));
889
+ }
890
+
891
+ .main-panel .content {
892
+ padding-left: 30px !important;
893
+ }
894
+
895
+ .sidebar-mini .sidebar .logo a.logo-normal{
896
+ opacity: 1;
897
+ transform: translate3d(0px,0,0);
898
+ }
899
+
900
+ .sidebar-mini .sidebar .sidebar-wrapper>.nav li>a p{
901
+ opacity: 1;
902
+ }
903
+
904
+ .sidebar-mini .sidebar .sidebar-wrapper .nav li a p{
905
+ opacity: 1 !important;
906
+ transform: translate3d(0px,0,0);
907
+ }
908
+
909
+ .minimize-sidebar {
910
+ display: none;
911
+ }
912
+ }