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,15 @@
1
+ @import "mixins/alert.scss";
2
+ @import "mixins/badges.scss";
3
+ @import "mixins/background-variant.scss";
4
+ @import "mixins/buttons.scss";
5
+ @import "mixins/forms.scss";
6
+ @import "mixins/icon.scss";
7
+ @import "mixins/modals.scss";
8
+ @import "mixins/popovers.scss";
9
+ @import "mixins/page-header.scss";
10
+ @import "mixins/vendor-prefixes.scss";
11
+ @import "mixins/opacity.scss";
12
+ @import "mixins/modals.scss";
13
+ @import "mixins/inputs.scss";
14
+ @import "mixins/dropdown.scss";
15
+ @import "mixins/wizard.scss";
@@ -0,0 +1,257 @@
1
+ // Modals
2
+ // Design element Dialogs
3
+ // --------------------------------------------------
4
+ .modal-content {
5
+ border: 0;
6
+
7
+ // Modal header
8
+ // Top section of the modal w/ title and dismiss
9
+
10
+ .modal-header {
11
+ border-bottom: none;
12
+
13
+ & button {
14
+ position: absolute;
15
+ right: 27px;
16
+ top: 24px;
17
+ outline: 0;
18
+ padding: 1rem;
19
+ margin: -1rem -1rem -1rem auto;
20
+ }
21
+ .title{
22
+ color: $black;
23
+ margin-top: 5px;
24
+ margin-bottom: 0;
25
+ }
26
+
27
+ .modal-title{
28
+ color: $black;
29
+ }
30
+
31
+ i.tim-icons {
32
+ font-size: 16px;
33
+ }
34
+ }
35
+
36
+
37
+ // Modal body
38
+ // Where all modal content resides (sibling of .modal-header and .modal-footer)
39
+ .modal-body {
40
+ line-height: 1.9;
41
+
42
+ p{
43
+ color: $black;
44
+ }
45
+ }
46
+ // Footer (for actions)
47
+ .modal-footer {
48
+ border-top: 0;
49
+ -webkit-justify-content: space-between; /* Safari 6.1+ */
50
+ justify-content: space-between;
51
+
52
+ button {
53
+ margin: 0;
54
+ padding-left: 16px;
55
+ padding-right: 16px;
56
+ width: auto;
57
+
58
+ &.pull-left {
59
+ padding-left: 5px;
60
+ padding-right: 5px;
61
+ position: relative;
62
+ left: -5px;
63
+ }
64
+ }
65
+
66
+ }
67
+ .modal-body + .modal-footer {
68
+ padding-top: 0;
69
+ }
70
+ }
71
+ .modal-backdrop {
72
+ background: rgba(0,0,0,0.3);
73
+ }
74
+
75
+ .modal{
76
+ .modal-login{
77
+ max-width: 320px;
78
+
79
+ .card-login{
80
+ .logo-container{
81
+ width: 65px;
82
+ margin-bottom: 38px;
83
+ margin-top: 27px;
84
+ }
85
+ }
86
+ }
87
+
88
+ &.modal-mini{
89
+ p{
90
+ text-align: center;
91
+ }
92
+
93
+ .modal-dialog{
94
+ max-width: 255px;
95
+ margin: 0 auto;
96
+
97
+
98
+ }
99
+
100
+ &.show .modal-dialog{
101
+ -webkit-transform: translate(0,30%);
102
+ -o-transform: translate(0,30%);
103
+ transform: translate(0,30%);
104
+ }
105
+
106
+
107
+ .modal-footer{
108
+ button{
109
+ text-transform: uppercase;
110
+ color: $white;
111
+
112
+ &:first-child{
113
+ opacity: .5;
114
+ }
115
+ }
116
+ }
117
+ }
118
+
119
+ .modal-profile{
120
+ width: 70px;
121
+ height: 70px;
122
+ background-color: $white;
123
+ border-radius: 50%;
124
+ text-align: center;
125
+ line-height: 5.7;
126
+ box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.3);
127
+
128
+ i{
129
+ color: $primary;
130
+ font-size: 21px;
131
+ margin-top: -10px;
132
+ }
133
+
134
+ &[class*="modal-profile-"]{
135
+ i{
136
+ color: $white;
137
+ }
138
+ }
139
+
140
+ &.modal-profile-primary{
141
+ background-color: $primary;
142
+ }
143
+
144
+ &.modal-profile-danger{
145
+ background-color: $danger;
146
+ }
147
+
148
+ &.modal-profile-warning{
149
+ background-color: $warning;
150
+ }
151
+ &.modal-profile-success{
152
+ background-color: $success;
153
+ }
154
+
155
+ &.modal-profile-info{
156
+ background-color: $info;
157
+ }
158
+ }
159
+
160
+ &.modal-default{
161
+ @include modal-colors($white, $black);
162
+ }
163
+
164
+ &.modal-primary{
165
+ @include modal-colors($primary, $white);
166
+ }
167
+
168
+ &.modal-danger{
169
+ @include modal-colors($danger, $white);
170
+ }
171
+
172
+ &.modal-warning{
173
+ @include modal-colors($warning, $white);
174
+ }
175
+
176
+ &.modal-success{
177
+ @include modal-colors($success, $white);
178
+ }
179
+
180
+ &.modal-info{
181
+ @include modal-colors($info, $white);
182
+ }
183
+
184
+ .modal-header .close{
185
+ color: $danger;
186
+ text-shadow: none;
187
+
188
+ &:hover,
189
+ &:focus{
190
+ opacity: 1;
191
+ }
192
+ }
193
+
194
+ &.modal-black{
195
+ .modal-content{
196
+ background: linear-gradient(to bottom, $black 0%, $black-states 100%);
197
+ color: rgba($white, 0.8);
198
+ .modal-header{
199
+ .modal-title, .title{
200
+ color: rgba($white, 0.9);
201
+ }
202
+ }
203
+ .modal-body{
204
+ p{
205
+ color: rgba($white, 0.8);
206
+ }
207
+ }
208
+ }
209
+ h1, h2, h3, h4, h5, h6, p{
210
+ color: $white;
211
+ }
212
+ }
213
+ }
214
+
215
+ .modal-search{
216
+ .modal-dialog{
217
+ margin: 20px auto;
218
+ max-width: 650px;
219
+ input{
220
+ border: none;
221
+ font-size: 17px;
222
+ font-weight: 100;
223
+ }
224
+ span{
225
+ font-size: 35px;
226
+ color: $search-gray;
227
+ }
228
+ }
229
+ .modal-content{
230
+ .modal-header{
231
+ padding: 24px;
232
+ }
233
+ }
234
+
235
+ .modal-header .close{
236
+ color: $dark-background;
237
+ top: 30px !important;
238
+ }
239
+
240
+ .modal-footer{
241
+ border-top: 2px solid #f9f9f9;
242
+ margin: 0px 25px 20px;
243
+ }
244
+ }
245
+
246
+
247
+ @include media-breakpoint-down(xs) {
248
+ .modal {
249
+ &.show .modal-dialog {
250
+ transform: translateY(10%);
251
+
252
+ &.modal-notice {
253
+ transform: translateY(3%);
254
+ }
255
+ }
256
+ }
257
+ }
@@ -0,0 +1,85 @@
1
+ .nav-link {
2
+ color: $nav-link-color;
3
+
4
+ &:hover {
5
+ color: theme-color("primary");
6
+ }
7
+ }
8
+
9
+ // Pills
10
+
11
+ .nav-pills {
12
+
13
+ .nav-link {
14
+ padding: $nav-pills-padding-y $nav-pills-padding-x;
15
+ color: $nav-pills-link-color;
16
+ font-weight: 500;
17
+ background-color: $nav-pills-bg;
18
+ transition: $transition-base;
19
+
20
+ &:hover {
21
+ color: $nav-pills-link-hover-color;
22
+ }
23
+ }
24
+
25
+ .nav-link.active,
26
+ .show > .nav-link {
27
+ color: $nav-pills-link-active-color;
28
+ background-color: $nav-pills-link-active-bg;
29
+ }
30
+
31
+
32
+ }
33
+
34
+ @include media-breakpoint-down(sm) {
35
+ .nav-pills:not(.nav-pills-circle) {
36
+ .nav-item {
37
+ padding-right: 0;
38
+ }
39
+ }
40
+ }
41
+
42
+ // Nav pills circle
43
+
44
+ .nav-pills-circle {
45
+ .nav-link {
46
+ text-align: center;
47
+ height: 60px;
48
+ width: 60px;
49
+ padding: 0;
50
+ line-height: 60px;
51
+ border-radius: 50%;
52
+ }
53
+
54
+ .nav-link-icon {
55
+ i, svg {
56
+ font-size: 1rem;
57
+ }
58
+ }
59
+ }
60
+
61
+ // Nav wrapper
62
+ .nav-wrapper {
63
+ padding: 1rem 0;
64
+ @include border-top-radius($card-border-radius);
65
+
66
+ + .card {
67
+ @include border-top-radius(0);
68
+ @include border-bottom-radius($card-border-radius);
69
+ }
70
+ }
71
+
72
+
73
+ @include media-breakpoint-down(sm) {
74
+ .nav-tabs {
75
+ display: inline-block;
76
+ width: 100%;
77
+ padding-left: 100px;
78
+ padding-right: 100px;
79
+ text-align: center;
80
+
81
+ .nav-item > .nav-link {
82
+ margin-bottom: 5px;
83
+ }
84
+ }
85
+ }
@@ -0,0 +1,480 @@
1
+ .navbar {
2
+ width: 100%;
3
+ z-index: 1050;
4
+ background: $navbar-color;
5
+
6
+ .photo {
7
+ display: inline-block;
8
+ height: 30px;
9
+ width: 30px;
10
+ border-radius: 50%;
11
+ vertical-align: middle;
12
+ overflow: hidden;
13
+ img{
14
+ width: 100%;
15
+ }
16
+ }
17
+
18
+ .navbar-wrapper {
19
+ display: flex;
20
+ align-items: center;
21
+ }
22
+
23
+ .navbar-text {
24
+ color: $white;
25
+ }
26
+
27
+ .btn{
28
+ margin: 0 5px 0 10px;
29
+ }
30
+
31
+ &.navbar-absolute{
32
+ position: absolute;
33
+ z-index: 1050;
34
+ }
35
+
36
+
37
+ &.navbar-transparent{
38
+ background: transparent !important;
39
+ }
40
+
41
+ &.bg-white{
42
+ .navbar-nav{
43
+ .search-bar.input-group{
44
+ i{
45
+ color: $black;
46
+ }
47
+ }
48
+
49
+ .search-bar.input-group .form-control{
50
+ background: rgba($black,0.1);
51
+ border-radius: 4px;
52
+ }
53
+
54
+ a.nav-link{
55
+ color: $black !important;
56
+ p{
57
+ color: $black;
58
+ }
59
+ }
60
+
61
+ }
62
+
63
+ .navbar-text, .navbar-brand{
64
+ color: $black;
65
+ }
66
+
67
+ .form-control {
68
+ color: $black !important;
69
+ }
70
+
71
+ .form-control::placeholder {
72
+ color: $dark-gray !important;
73
+ }
74
+
75
+ }
76
+
77
+ &.bg-dark {
78
+ background: $black !important;
79
+ }
80
+
81
+ &.bg-primary {
82
+ background-color: $primary !important;
83
+ }
84
+
85
+ &.bg-warning {
86
+ background-color: $warning !important;
87
+ }
88
+
89
+ &.bg-info {
90
+ background-color: $info !important;
91
+ }
92
+
93
+ &.bg-success {
94
+ background-color: darken($success, 10%) !important;
95
+ }
96
+
97
+ &.bg-danger {
98
+ background-color: $danger !important;
99
+ }
100
+
101
+ .navbar-brand {
102
+ position: relative;
103
+ padding-top: .3125rem;
104
+ padding-bottom: .3125rem;
105
+ color: $white;
106
+ margin-left: 17px;
107
+ text-transform: uppercase;
108
+ font-size: $font-paragraph;
109
+ }
110
+
111
+ .navbar-toggle button:focus, .navbar-toggler{
112
+ outline: none;
113
+ }
114
+
115
+ }
116
+
117
+ .navbar-minimize-fixed {
118
+ position: fixed;
119
+ margin-left: 40px;
120
+ margin-top: 14px;
121
+ transition: 0.3s ease;
122
+ color: white;
123
+ z-index: 20;
124
+ opacity: 0;
125
+ transition: 0.2s ease;
126
+ button{
127
+ i {
128
+ font-size: 20px;
129
+ }
130
+ }
131
+ }
132
+
133
+ .notification {
134
+ background: $danger;
135
+ color: $white;
136
+ border-radius: $border-radius-xl;
137
+ height: 6px;
138
+ width: 6px;
139
+ position: absolute;
140
+ text-align: center;
141
+ font-size: 12px;
142
+ font-weight: 800;
143
+ top: 10px;
144
+ right: 10px;
145
+ border: 1px solid $danger;
146
+ }
147
+
148
+ .navbar-nav li{
149
+ padding: 0 10px;
150
+ a{
151
+ color: $white;
152
+ }
153
+ i{
154
+ vertical-align: middle;
155
+ font-size: 20px;
156
+ }
157
+ }
158
+
159
+ @include media-breakpoint-down(md){
160
+ .navbar {
161
+ top: -70px;
162
+ }
163
+
164
+ .navbar{
165
+ .container-fluid{
166
+ padding-right: 15px;
167
+ padding-left: 15px;
168
+ }
169
+
170
+ .navbar-collapse{
171
+ .input-group{
172
+ margin: 0;
173
+ margin-top: 5px;
174
+ }
175
+ }
176
+
177
+ .navbar-nav{
178
+
179
+ .btn{
180
+ margin-left: -3px;
181
+ display: flex;
182
+
183
+ i {
184
+ margin-right: 12px;
185
+ }
186
+
187
+ span {
188
+ margin: 0;
189
+ text-transform: uppercase;
190
+ font-weight: 300;
191
+
192
+ &,
193
+ &:hover,
194
+ &:focus,
195
+ &:active,
196
+ &:active:focus {
197
+ color: $black !important;
198
+ }
199
+ }
200
+ }
201
+
202
+ a.nav-link{
203
+ i{
204
+ opacity: 1;
205
+ margin-left: 4px;
206
+ margin-right: 5px;
207
+ }
208
+ p{
209
+ display: inline-block;
210
+ text-transform: uppercase;
211
+ margin-left: 7px;
212
+ }
213
+ }
214
+
215
+ .modal-search .modal-dialog{
216
+ padding: 0 40px;
217
+ }
218
+ .dropdown{
219
+ margin: 5px 0;
220
+ .nav-link{
221
+ padding-bottom: 0;
222
+ }
223
+ .dropdown-menu{
224
+ .dropdown-item{
225
+ margin-top: 0;
226
+ padding-left: 24px;
227
+ }
228
+ }
229
+ }
230
+ }
231
+
232
+ .dropdown.show .dropdown-menu{
233
+ display: block;
234
+
235
+ }
236
+
237
+ .dropdown .dropdown-menu{
238
+ display: none;
239
+ li a{
240
+ color: $black;
241
+ }
242
+ }
243
+
244
+ .dropdown.show .dropdown-menu,
245
+ .dropdown .dropdown-menu{
246
+ background-color: transparent;
247
+ border: 0;
248
+ transition: none;
249
+ -webkit-box-shadow: none;
250
+ box-shadow: none;
251
+ width: auto;
252
+ margin: 0px 1rem;
253
+ padding-top: 0;
254
+ margin-top: 0px;
255
+
256
+ &:before{
257
+ display: none;
258
+ }
259
+ }
260
+
261
+ .dropdown-menu .dropdown-item:focus,
262
+ .dropdown-menu .dropdown-item:hover{
263
+ color: $white;
264
+ }
265
+
266
+ &.bg-white .dropdown-menu .dropdown-item:focus,
267
+ &.bg-white .dropdown-menu .dropdown-item:hover{
268
+ color: $default;
269
+ }
270
+
271
+ .navbar-toggler-bar{
272
+ display: block;
273
+ position: relative;
274
+ width: 22px;
275
+ height: 1px;
276
+ border-radius: 1px;
277
+ background: $white;
278
+
279
+ &.navbar-kebab{
280
+ height: 4px;
281
+ width: 4px;
282
+ margin-bottom: 3px;
283
+ border-radius: 50%;
284
+ }
285
+
286
+ & + .navbar-toggler-bar{
287
+ margin-top: 7px;
288
+ }
289
+
290
+ & + .navbar-toggler-bar.navbar-kebab{
291
+ margin-top: 0px;
292
+ }
293
+
294
+ &.bar2{
295
+ width: 17px;
296
+ transition: width .2s linear;
297
+ }
298
+ }
299
+
300
+ &.bg-white:not(.navbar-transparent) .navbar-toggler-bar{
301
+ background-color: $default;
302
+ }
303
+
304
+ & .toggled .navbar-toggler-bar{
305
+ width: 24px;
306
+ }
307
+ }
308
+
309
+ .bar1,
310
+ .bar2,
311
+ .bar3 {
312
+ outline: 1px solid transparent;
313
+ }
314
+ .bar1 {
315
+ top: 0px;
316
+ @include bar-animation($topbar-back);
317
+ }
318
+ .bar2 {
319
+ opacity: 1;
320
+ }
321
+ .bar3 {
322
+ bottom: 0px;
323
+ @include bar-animation($bottombar-back);
324
+ }
325
+ .toggled .bar1 {
326
+ top: 6px;
327
+ @include bar-animation($topbar-x);
328
+ }
329
+ .toggled .bar2 {
330
+ opacity: 0;
331
+ }
332
+ .toggled .bar3 {
333
+ bottom: 9px;
334
+ @include bar-animation($bottombar-x);
335
+ }
336
+
337
+ @include topbar-x-rotation();
338
+ @include topbar-back-rotation();
339
+ @include bottombar-x-rotation();
340
+ @include bottombar-back-rotation();
341
+
342
+ @-webkit-keyframes fadeIn {
343
+ 0% {opacity: 0;}
344
+ 100% {opacity: 1;}
345
+ }
346
+ @-moz-keyframes fadeIn {
347
+ 0% {opacity: 0;}
348
+ 100% {opacity: 1;}
349
+ }
350
+ @keyframes fadeIn {
351
+ 0% {opacity: 0;}
352
+ 100% {opacity: 1;}
353
+ }
354
+
355
+ .navbar-nav{
356
+ .nav-link{
357
+ i.fa,
358
+ i.tim-icons{
359
+ opacity: .5;
360
+ }
361
+ }
362
+ }
363
+
364
+ }
365
+
366
+ @include media-breakpoint-up(lg) {
367
+ .navbar-collapse {
368
+ background: none !important;
369
+ }
370
+
371
+ .navbar .navbar-toggle {
372
+ display: none;
373
+
374
+ }
375
+
376
+ .navbar-nav {
377
+ .nav-link {
378
+ &.profile-photo {
379
+ padding: 0;
380
+ margin: 7px $padding-base-horizontal;
381
+ }
382
+ }
383
+ }
384
+
385
+ .navbar {
386
+ .caret {
387
+ position: absolute;
388
+ left: 80%;
389
+ top: 55%;
390
+ margin-left: 0;
391
+ }
392
+ }
393
+
394
+ .navbar-expand-lg .navbar-nav .nav-link {
395
+ padding-right: $list-inline-padding;
396
+ padding-left: $list-inline-padding;
397
+ }
398
+
399
+ }
400
+
401
+ @include media-breakpoint-down(xs) {
402
+ .navbar[class*='navbar-toggleable-'] .container {
403
+ margin-left: 0;
404
+ margin-right: 0;
405
+ }
406
+
407
+ }
408
+
409
+ @include media-breakpoint-between (md, lg){
410
+ .bar1,
411
+ .bar2,
412
+ .bar3 {
413
+ outline: 1px solid transparent;
414
+ }
415
+ .bar1 {
416
+ top: 0px;
417
+ @include bar-animation($topbar-back);
418
+ }
419
+ .bar2 {
420
+ opacity: 1;
421
+ }
422
+ .bar3 {
423
+ bottom: 0px;
424
+ @include bar-animation($bottombar-back);
425
+ }
426
+ .toggled .bar1 {
427
+ top: 7px;
428
+ @include bar-animation($topbar-x);
429
+ }
430
+ .toggled .bar2 {
431
+ opacity: 0;
432
+ }
433
+ .toggled .bar3 {
434
+ bottom: 9px;
435
+ @include bar-animation($bottombar-x);
436
+ }
437
+
438
+ @include topbar-x-rotation();
439
+ @include topbar-back-rotation();
440
+ @include bottombar-x-rotation();
441
+ @include bottombar-back-rotation();
442
+
443
+ @-webkit-keyframes fadeIn {
444
+ 0% {opacity: 0;}
445
+ 100% {opacity: 1;}
446
+ }
447
+ @-moz-keyframes fadeIn {
448
+ 0% {opacity: 0;}
449
+ 100% {opacity: 1;}
450
+ }
451
+ @keyframes fadeIn {
452
+ 0% {opacity: 0;}
453
+ 100% {opacity: 1;}
454
+ }
455
+
456
+ .navbar .navbar-toggler-bar.bar2 {
457
+ width: 17px;
458
+ transition: width .2s linear;
459
+ }
460
+
461
+ .navbar .navbar-toggler-bar {
462
+ display: block;
463
+ position: relative !important;
464
+ width: 22px;
465
+ height: 1px;
466
+ border-radius: 1px;
467
+ background: $white;
468
+ }
469
+ .navbar .navbar-toggler-bar+.navbar-toggler-bar {
470
+ margin-top: 7px;
471
+ }
472
+
473
+ .navbar .navbar-toggle .navbar-toggler{
474
+ display: block;
475
+ }
476
+
477
+ .navbar-minimize-fixed{
478
+ display: none;
479
+ }
480
+ }