source: resources/assets/sass/other.scss@ 7304c7f

develop
Last change on this file since 7304c7f was 7304c7f, checked in by beratkjufliju <kufliju@…>, 3 years ago

added user authentication, create & forgot password methods and blades

  • Property mode set to 100644
File size: 7.3 KB
Line 
1*:focus {
2 outline: none;
3}
4
5.sticky {
6 position: sticky !important;
7 top: 0;
8}
9
10.lead {
11 line-height: 2.2rem;
12}
13
14.layout-wrapper {
15 display: flex;
16 flex-direction: column;
17 min-height: 100vh;
18
19 .content-wrapper {
20 flex: 1;
21 display: flex;
22
23 .content-body {
24 width: 0;
25 flex: 1;
26 display: flex;
27 flex-direction: column;
28
29 .content {
30 flex: 1;
31 padding: 30px;
32 padding-top: $header-height + 30;
33 padding-left: $navigation-width + 30;
34 padding-bottom: 0;
35 }
36 }
37 }
38}
39
40svg.feather {
41 width: 20px;
42 height: 20px;
43}
44
45.demo-code-preview {
46 border: $border-style;
47 padding: 20px 10px;
48 margin-top: 2rem;
49 position: relative;
50 background-color: white;
51 border-radius: 8px;
52
53 & + * {
54 margin-top: 1.5rem;
55 }
56
57 &:before {
58 content: attr(data-label);
59 display: block;
60 position: absolute;
61 top: -9px;
62 left: 20px;
63 @extend .text-muted;
64 letter-spacing: 1px;
65 background-color: inherit;
66 font-size: 11px;
67 padding: 0 5px;
68 }
69
70 pre {
71 overflow-x: hidden;
72 background: none;
73 padding-top: 0;
74 padding-bottom: 0;
75 max-height: 300px;
76 }
77
78 &:hover {
79 pre {
80 overflow-x: auto;
81 }
82 }
83}
84
85code[class*="language-"], pre[class*="language-"] {
86 font-size: .93em;
87 margin: 0
88}
89
90.text-divider {
91 display: flex;
92 align-items: center;
93
94 &:after {
95 content: '';
96 display: block;
97 height: 1px;
98 background-color: #f0f0f0;
99 flex: 1;
100 }
101
102 span {
103 margin-right: 1rem;
104 }
105}
106
107.row-xs {
108 margin-left: -.5rem;
109 margin-right: -.5rem;
110
111 & > div {
112 padding-left: .5rem;
113 padding-right: .5rem;
114 }
115}
116
117.overlay {
118 position: fixed;
119 top: 0;
120 left: 0;
121 bottom: 0;
122 right: 0;
123 z-index: 999;
124 opacity: 0;
125 background: rgba(0, 0, 0, 0.30);
126 transition: opacity .5s;
127
128 &.show {
129 opacity: 1;
130 }
131}
132
133.tooltip {
134 pointer-events: none;
135 font-family: inherit;
136 font-size: .835rem !important;
137
138 .arrow {
139 display: none;
140 }
141
142 .tooltip-inner {
143 background: rgba(0, 0, 0, 0.70);
144 }
145}
146
147.file-manager-items {
148 display: flex;
149 flex-wrap: wrap;
150
151 .file-manager-item {
152 margin-right: 20px;
153 margin-bottom: 20px;
154
155 span {
156 display: flex;
157 justify-content: center;
158 align-items: center;
159 width: 135px;
160 height: 115px;
161 font-size: 8.5em;
162 border: 1px solid #e1e1e1;
163 border-radius: 5px;
164 background-size: cover !important;
165 background-position: center !important;
166 }
167
168 &.folder span {
169 color: #cea65b
170 }
171
172 &.image span {
173 &:before {
174 display: none;
175 }
176 }
177 }
178}
179
180.small, small {
181 font-size: 12px;
182}
183
184.list-group {
185 .list-group-item {
186 padding: .75rem 1.5rem;
187
188 &.active {
189 z-index: auto;
190 background: $color-primary;
191 }
192 }
193}
194
195.bring-forward {
196 position: relative;
197 z-index: 1;
198}
199
200.table-email-list {
201 table.table {
202 .dropdown {
203 [data-toggle="dropdown"] {
204 &:after {
205 display: none;
206 }
207 }
208 }
209
210 .email-subject {
211 max-width: 80%;
212 white-space: nowrap;
213 overflow: hidden;
214 text-overflow: ellipsis;
215
216 a {
217 display: inline-block;
218 }
219 }
220
221 td, .table th {
222 padding: .80rem;
223 }
224 }
225
226 a {
227 color: $default-text-color;
228
229 &:hover, &:focus {
230 color: $color-primary
231 }
232 }
233}
234
235.read-mail-body {
236 img {
237 max-width: 50%;
238 }
239}
240
241.bootstrap-tagsinput {
242 box-shadow: none;
243 width: 100%;
244 border: 1px solid #ced4da;
245 min-height: calc(2.25rem + 2px);
246
247 &.focus {
248 border-color: #3383de;
249 }
250
251 .tag {
252 display: inline-flex;
253 color: black;
254 border-radius: 3px;
255 font-size: 13px;
256 padding: 0 8px;
257 margin: 2px 1px;
258 justify-content: space-between;
259 align-items: center;
260 background: #e1e1e1;
261 }
262}
263
264.list-group {
265 .list-group-item {
266 &.active {
267 background: $color-primary;
268 border-color: transparent;
269 }
270 }
271}
272
273.list-group-flush .list-group-item:first-child {
274 border-top: 0;
275}
276
277.badge {
278 font-weight: 500;
279}
280
281.nav-pills .nav-link.active {
282 background: $color-primary;
283}
284
285.nav-tabs .nav-link.active {
286 color: $color-primary
287}
288
289.text-muted {
290 color: #a7abc3 !important;
291}
292
293.min-width-0 {
294 min-width: 0
295}
296
297.list-group-item {
298 border-color: $border-style-color
299}
300
301.jqstooltip {
302 -webkit-box-sizing: content-box;
303 -moz-box-sizing: content-box;
304 box-sizing: content-box;
305}
306
307.hide-show-toggler {
308 .hide-show-toggler-item {
309 display: none;
310 }
311
312 &:hover, &:focus {
313 .hide-show-toggler-item {
314 display: block;
315 }
316 }
317}
318
319.tooltip {
320 font-size: $default-font-size;
321}
322
323.jqvmap-zoomin, .jqvmap-zoomout {
324 box-sizing: initial;
325}
326
327.apexcharts-canvas {
328 margin: auto;
329}
330
331[data-backround-image] {
332 position: relative;
333 background-size: cover !important;
334 background-position: center !important;
335
336 &:after {
337 content: '';
338 display: block;
339 background: rgba(white, .6);
340 position: absolute;
341 right: 0;
342 left: 0;
343 top: 0;
344 bottom: 0;
345 }
346
347 & > * {
348 position: relative;
349 z-index: 1;
350 }
351}
352
353.dropdown-menu {
354 [data-backround-image]:after {
355 border-radius: 0;
356 }
357}
358
359.jqvmap-region {
360 fill: $color-secondary-bright;
361
362 &:hover {
363
364 fill: $color-secondary;
365 }
366}
367
368.a-0 {
369 top: 0px;
370 right: 0px;
371 bottom: 0px;
372 left: 0px;
373}
374
375.font-weight-800 {
376 font-weight: 800;
377}
378
379.circle canvas {
380 vertical-align: top;
381}
382
383.todo-item {
384 user-select: none;
385 margin-bottom: 10px;
386
387 input[type="checkbox"]:checked {
388 & + label {
389 text-decoration: line-through;
390 color: #00961f
391 }
392 }
393}
394
395.border-radius-1 {
396 border-radius: 5px;
397}
398
399.rounded {
400 border-radius: .50rem !important;
401}
402
403.nav-tabs .nav-link {
404 border-top-left-radius: .50rem;
405 border-top-right-radius: .50rem;
406}
407
408.nav-pills .nav-link {
409 border-radius: .50rem;
410}
411
412.apexcharts-legend.position-top.center {
413 justify-content: flex-end !important;
414}
415
416.image-hover {
417 position: relative;
418
419 .image-hover-body {
420 display: flex;
421 align-items: flex-end;
422 opacity: 0;
423 visibility: hidden;
424 position: absolute;
425 right: 0;
426 left: 0;
427 top: 0;
428 bottom: 0;
429 background: rgba(black, .5);
430 transition: all .3s;
431 color: white;
432 padding: 20px 30px;
433 }
434
435 &:hover {
436 .image-hover-body {
437 opacity: 1;
438 visibility: visible;
439 }
440 }
441}
442
443.nav-analiytics-style {
444
445 .nav-link {
446 // border-radius: 0 !important;
447 padding: .5rem 1.5rem;
448 }
449}
450
451.daterangepicker {
452 font-family: 'Inter';
453}
Note: See TracBrowser for help on using the repository browser.