Laravel 11, Vuexy Admin 10.3, by admin@koneko.mx
This commit is contained in:
75
modules/Admin/Resources/assets/vendor/scss/_theme/_common.scss
vendored
Normal file
75
modules/Admin/Resources/assets/vendor/scss/_theme/_common.scss
vendored
Normal 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;
|
||||
}
|
||||
}
|
75
modules/Admin/Resources/assets/vendor/scss/_theme/_libs.scss
vendored
Normal file
75
modules/Admin/Resources/assets/vendor/scss/_theme/_libs.scss
vendored
Normal 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);
|
||||
}
|
10
modules/Admin/Resources/assets/vendor/scss/_theme/_pages.scss
vendored
Normal file
10
modules/Admin/Resources/assets/vendor/scss/_theme/_pages.scss
vendored
Normal 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);
|
||||
}
|
103
modules/Admin/Resources/assets/vendor/scss/_theme/_theme.scss
vendored
Normal file
103
modules/Admin/Resources/assets/vendor/scss/_theme/_theme.scss
vendored
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user