Laravel 11, Vuexy Admin 10.3, by admin@koneko.mx

This commit is contained in:
2025-01-25 04:23:40 -06:00
parent c3045b43b1
commit 64d505910f
1283 changed files with 140198 additions and 0 deletions

View File

@ -0,0 +1,75 @@
// Theme mixin
// *******************************************************************************
@mixin template-common-theme($background, $color: null) {
@include text-variant('.text-primary', $background);
@include bg-variant('.bg-primary', $background);
@include bg-label-variant('.bg-label-primary', $background);
@include bg-label-hover-variant('.bg-label-hover-primary', $background);
@include bg-gradient-variant('.bg-gradient-primary', $background);
@include bg-glow-variant('.bg-primary', $background);
@include template-pagination-theme($background, $color);
@include template-pagination-outline-variant('.pagination-outline-primary', $background);
@include template-progress-bar-theme($background, $color);
@include template-progress-shadow-theme('.progress-bar', $background);
@include template-modal-onboarding-theme($background, $color);
@include template-list-group-theme($background, $color);
@include template-list-group-timeline-variant('.list-group-timeline-primary', $background);
@include template-alert-variant('.alert-primary', $background);
@include template-alert-outline-variant('.alert-outline-primary', $background);
@include template-alert-solid-variant('.alert-solid-primary', $background);
@include template-tooltip-variant(
'.tooltip-primary, .tooltip-primary > .tooltip, .ngb-tooltip-primary + ngb-tooltip-window',
$background,
$color
);
@include template-popover-variant(
'.popover-primary, .popover-primary > .popover, .ngb-popover-primary + ngb-popover-window',
$background,
$color
);
// Need to add shift-color as BS5 updated with table variant colors like this
@include template-table-variant('primary', shift-color($background, $table-bg-scale));
@include template-button-variant('.btn-primary', $background, $color);
@include template-button-label-variant('.btn-label-primary', $background, $color);
@include template-button-text-variant('.btn-text-primary', $background, $color);
@include template-button-outline-variant('.btn-outline-primary', $background, $color);
@include template-dropdown-theme(rgba-to-hex(rgba($background, 0.16), $card-bg), $background);
@include template-nav-theme($background, $color);
@include template-form-control-theme($background);
@include template-form-check-theme($background, $color);
@include template-form-switch-theme($background);
@include template-file-input-theme($background);
@include template-switch-variant('', $background, $color); // For default switch
@include template-switch-variant('.switch-primary', $background, $color);
@include template-timeline-point-variant('.timeline-point-primary', $background);
@include template-timeline-indicator-variant('.timeline-indicator-primary', $background);
@include template-text-divider-variant('.divider-primary', $background);
@include template-navbar-style('.navbar.bg-primary', $background);
@include template-menu-style('.menu.bg-primary', $background);
@include template-footer-style('.footer.bg-primary', $background);
@include template-float-label-theme($background);
@include template-svg-color($background);
@include template-treeview-clicked-bg($background);
@include template-card-border-shadow-variant('.card-border-shadow-primary', $background);
@include template-card-hover-border-variant('.card-hover-border-primary', $background);
html:not([dir='rtl']) .border-primary,
html[dir='rtl'] .border-primary {
border-color: $background !important;
}
a {
color: $background;
&:hover {
color: tint-color($background, 10%);
}
}
.fill-primary {
fill: $background;
}
}

View File

@ -0,0 +1,75 @@
// Imports
// *******************************************************************************
@import '../../libs/nouislider/mixins';
@import '../../libs/select2/mixins';
@import '../../libs/tagify/mixins';
@import '../../libs/datatables-responsive-bs5/mixins';
@import '../../libs/bootstrap-select/mixins';
@import '../../libs/bootstrap-datepicker/mixins';
@import '../../libs/flatpickr/mixins';
@import '../../libs/bootstrap-daterangepicker/mixins';
@import '../../libs/jquery-timepicker/mixins';
@import '../../libs/quill/mixins';
@import '../../libs/typeahead-js/mixins';
@import '../../libs/dropzone/mixins';
@import '../../libs/swiper/mixins';
@import '../../libs/spinkit/mixins';
@import '../../libs/plyr/mixins';
@import '../../libs/fullcalendar/mixins';
@import '../../libs/sweetalert2/mixins';
@import '../../libs/pickr/mixins';
@import '../../libs/shepherd/mixins';
@import '../../libs/bs-stepper/mixins';
// Theme mixin
// *******************************************************************************
@mixin template-libs-theme($background, $color: null) {
@include nouislider-theme($background);
@include select2-theme($background, $color);
@include tagify-theme($background);
@include bs-datatables-theme($background);
@include bs-select-theme($background, $color);
@include bs-datepicker-theme($background, $color);
@include flatpickr-theme($background, $color);
@include bs-daterangepicker-theme($background, $color);
@include timepicker-theme($background, $color);
@include quill-theme($background);
@include typeahead-theme($background, $color);
@include dropzone-theme($background);
@include swiper-theme($background);
@include spinkit-theme($background);
@include plyr-theme($background, $color);
@include fullcalendar-theme($background, $color);
@include sweetalert2-theme($background, $color);
@include colorPicker-theme($background);
@include icon-theme($background);
@include tour-theme($background);
@include bs-stepper-theme($background);
}
@mixin template-libs-dark-theme($background, $color: null) {
@include nouislider-theme($background);
@include select2-theme($background, $color);
@include tagify-theme($background);
@include bs-datatables-theme($background);
@include bs-select-theme($background, $color);
@include bs-datepicker-dark-theme($background, $color);
@include flatpickr-dark-theme($background, $color);
@include bs-daterangepicker-dark-theme($background, $color);
@include timepicker-theme($background, $color);
@include quill-theme($background);
@include typeahead-theme($background, $color);
@include dropzone-theme($background);
@include swiper-theme($background);
@include spinkit-theme($background);
@include plyr-theme($background, $color);
@include fullcalendar-theme($background, $color);
@include sweetalert2-dark-theme($background, $color);
@include colorPicker-theme($background);
@include icon-theme($background); // ToDo: placement of mixin
@include tour-theme($background);
@include bs-stepper-theme($background);
}

View File

@ -0,0 +1,10 @@
// Page mixins
// *******************************************************************************
@import '../pages/mixins';
@mixin template-pages-theme($background, $color: null) {
// include page related mixins
@include app-chat-theme($background);
@include front-theme($background);
}

View File

@ -0,0 +1,103 @@
// ? Theme related styles common styles
@import '../_components/include';
// Space above detached navbar (vertical layout only)
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page:before {
content: '';
width: 100%;
height: calc($spacer + $navbar-height);
position: fixed;
top: 0px;
z-index: 10;
}
.bg-menu-theme {
// Sub menu item link bullet
.menu-sub > .menu-item > .menu-link:before {
content: '\ea6b';
font-family: 'tabler-icons';
position: absolute;
font-size: 0.75rem;
font-weight: bold;
}
&.menu-vertical {
.menu-sub > .menu-item > .menu-link:before {
left: 1.1rem;
@include rtl-style {
right: 1.1rem;
left: inherit;
}
}
.menu-sub > .menu-item .menu-link .menu-icon {
display: none;
}
}
&.menu-horizontal {
.menu-inner > .menu-item > .menu-sub > .menu-item > .menu-link {
@include ltr-style {
padding-left: $menu-horizontal-link-padding-x;
}
@include rtl-style {
padding-right: $menu-horizontal-link-padding-x;
}
&:before {
content: '';
}
}
}
// Sub menu item link bullet
.menu-sub > .menu-item > .menu-link:before {
// For horizontal layout
.layout-horizontal & {
left: 1.1rem;
@include rtl-style {
right: 1.1rem;
left: inherit;
}
}
}
.menu-inner .menu-item .menu-link {
.layout-wrapper:not(.layout-horizontal) & {
border-radius: $border-radius;
}
}
.menu-inner > .menu-item > .menu-link {
.layout-horizontal & {
border-radius: $border-radius;
}
}
.menu-inner > {
// Spacing and Box-shadow only for horizontal menu above lg screen
@include media-breakpoint-up($menu-collapsed-layout-breakpoint) {
.menu-item {
.layout-horizontal & {
margin: $menu-vertical-header-margin-y 0;
&:not(:first-child) {
margin-inline-start: calc($menu-item-spacer / 2);
}
&:not(:last-child) {
margin-inline-end: calc($menu-item-spacer / 2);
}
}
}
}
.menu-item.active:before {
.layout-wrapper:not(.layout-horizontal) & {
content: '';
position: absolute;
right: 0;
width: 0.25rem;
height: 2.6845rem;
border-radius: $border-radius 0 0 $border-radius;
@include rtl-style {
left: 0;
right: inherit;
border-radius: 0 $border-radius $border-radius 0;
}
}
}
}
}