sifatbaho/sifatbaho-php
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sifatbaho

Browse Source
This commit is contained in:
Azamov Samandar
2026-04-05 05:31:24 +05:00
commit df3d57f503
2609 changed files with 369825 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

190
resources/scss/plugins/_apexcharts.scss vendored Executable file
View File

@@ -0,0 +1,190 @@
//
// apexcharts.scss
//
.apex-charts {
min-height: 10px !important;
text {
font-family: $font-family-base !important;
}
.apexcharts-canvas {
margin: 0 auto;
}
}
.apexcharts-tooltip-title,
.apexcharts-tooltip-text {
font-family: $font-family-base !important;
}
.apexcharts-tooltip{
border: 1px solid $border-color !important;
background-color: var(--#{$prefix}card-bg-custom) !important;
box-shadow: $box-shadow !important;
* {
font-family: $font-family-base !important;
color: $gray-600 !important;
}
.apexcharts-tooltip-title{
background-color: rgba(var(--#{$prefix}light-rgb), .75) !important;
border-bottom: 1px solid $border-color !important;
}
}
.apexcharts-tooltip.apexcharts-theme-dark{
* {
color: $white !important;
}
}
.apexcharts-legend-series {
font-weight: $font-weight-medium;
}
.apexcharts-gridline {
pointer-events: none;
stroke: rgba(var(--#{$prefix}light-rgb), .75);
}
.apexcharts-legend-text {
color: $gray-600 !important;
font-family: $font-family-base !important;
font-size: 13px !important;
}
.apexcharts-pie-label {
fill: $white !important;
}
.apexcharts-title-text, .apexcharts-subtitle-text{
fill: $gray-500;
}
.apexcharts-yaxis,
.apexcharts-xaxis {
text {
font-family: $font-family-base !important;
fill: $gray-500;
}
}
.apexcharts-yaxis-title {
font-weight: 500;
}
// column dynamic loaded chart
#dynamicloadedchart-wrap {
margin: 0px auto;
max-width: 800px;
position: relative;
}
.chart-box {
padding-left: 0;
}
#chart-year,
#chart-quarter {
width: 96%;
max-width: 48%;
box-shadow: none;
padding-left: 0;
padding-top: 20px;
background: var(--#{$prefix}card-bg-custom);
border: 1px solid $border-color;
}
#chart-year {
float: left;
position: relative;
transition: 1s ease transform;
z-index: 3;
&.chart-quarter-activated {
transform: translateX(0);
transition: 1s ease transform;
}
}
#chart-quarter {
float: left;
position: relative;
z-index: -2;
transition: 1s ease transform;
&.active {
transition: 1.1s ease-in-out transform;
transform: translateX(0);
z-index: 1;
}
}
@media screen and (min-width: 480px) {
#chart-year {
transform: translateX(50%);
}
#chart-quarter {
transform: translateX(-50%);
}
}
// radar chart
.apexcharts-radar-series{
polygon, line{
stroke: $border-color;
}
}
.apexcharts-pie{
circle ,line{
stroke: $border-color;
}
text{
fill: var(--#{$prefix}body-color);
}
}
.apex-charts {
.apexcharts-xaxis,
.apexcharts-yaxis {
line {
stroke: var(--#{$prefix}border-color);
}
}
.apexcharts-xaxis-tick {
stroke: var(--#{$prefix}border-color);
}
.apexcharts-pie-series,
.apexcharts-bar-series {
path {
stroke: var(--#{$prefix}card-bg-custom);
}
}
.apexcharts-radialbar-track {
path {
stroke: var(--#{$prefix}light);
}
}
.apexcharts-marker {
stroke: var(--#{$prefix}card-bg-custom);
}
.apexcharts-boxPlot-series {
path {
stroke: var(--#{$prefix}border-color);
}
}
.apexcharts-treemap,
.apexcharts-heatmap-series {
rect {
stroke: var(--#{$prefix}card-bg-custom);
}
}
}

80
resources/scss/plugins/_autocomplete.scss vendored Executable file
View File

@@ -0,0 +1,80 @@
//
// _autocomplete.scss
//
.autoComplete_wrapper {
display: block;
>input {
display: block;
width: 100%;
height: auto;
padding: $input-padding-y $input-padding-x;
font-family: $input-font-family;
font-size: $input-font-size;
font-weight: $input-font-weight;
line-height: $input-line-height;
color: $input-color;
background-color: $input-bg;
background-clip: padding-box;
border: $input-border-width solid $input-border-color;
border-radius: $input-border-radius;
background-image: none;
&::placeholder {
padding: 0 !important;
color: $input-placeholder-color !important;
font-size: $input-font-size !important;
}
&:focus {
border: $input-border-width solid $input-focus-border-color;
color: $input-focus-color;
}
&:hover {
color: $input-color;
}
}
>ul {
border-radius: $border-radius;
border-color: $dropdown-border-color;
background-color: $dropdown-bg;
box-shadow: $dropdown-box-shadow;
padding: 0;
overflow: auto;
max-height: 160px;
margin: 0;
animation-name: DropDownSlide;
animation-duration: .3s;
animation-fill-mode: both;
> li {
font-size: $dropdown-font-size;
margin: 0;
padding: $dropdown-item-padding-y $dropdown-item-padding-x;
border-radius: 0;
background-color: $dropdown-bg;
color: $dropdown-color;
mark {
color: $danger;
font-weight: $font-weight-semibold;
padding: 1px;
}
&[aria-selected=true],
&:hover {
color: $dropdown-link-hover-color;
@include gradient-bg($dropdown-link-hover-bg);
}
}
.no_result {
padding: $dropdown-item-padding-y *2 $dropdown-item-padding-x;
font-style: italic;
font-weight: $font-weight-medium;
}
}
}

9
resources/scss/plugins/_chartjs.scss vendored Executable file
View File

@@ -0,0 +1,9 @@
//
// _chartjs.scss
//
.chartjs-chart{
max-height: 320px;
}

406
resources/scss/plugins/_choices.scss vendored Executable file
View File

@@ -0,0 +1,406 @@
//
// _choices.scss
//
.choices {
position: relative;
margin-bottom: 24px;
font-size: 16px;
&:focus {
outline: none;
}
&:last-child {
margin-bottom: 0;
}
&.is-disabled{
.choices__inner,
.choices__input {
background-color: rgba(var(--#{$prefix}light-rgb), 0.75);
cursor: not-allowed;
user-select: none;
}
.choices__item {
cursor: not-allowed;
}
}
[hidden] {
display: none !important;
}
// data-type = select-one
&[data-type*='select-one'] {
cursor: pointer;
.choices__inner{
padding-bottom: 0.25rem;
}
.choices__input{
display: block;
width: 100%;
padding: $input-padding-y $input-padding-x;
background-color: $input-bg;
border: 1px solid $input-border-color;
font-size: $input-font-size;
border-radius: $input-border-radius;
color: $input-color;
margin-bottom: 10px;
}
.choices__button{
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
padding: 0;
background-size: 8px;
position: absolute;
top: 50%;
right: 0;
left: auto;
margin-top: -10px;
margin-right: 25px;
margin-left: 0;
height: 20px;
width: 20px;
border-radius: 10em;
opacity: 0.5;
&:hover, &:focus {
opacity: 1;
}
&:focus {
box-shadow: 0px 0px 0px 2px #00bcd4;
}
}
.choices__item[data-value=''] .choices__button {
display: none;
}
&:after {
content: "\F0140";
position: absolute;
border: 0;
border-color: $dark transparent transparent;
right: 11.5px;
left: auto;
font-family: 'Material Design Icons';
width: auto;
height: auto;
margin-top: 0;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
&.is-open:after {
margin-top: 0;
transform: translateY(-50%) rotate(-180deg);
}
}
// data-type = select- multiple & text
&[data-type*='select-multiple'],
&[data-type*='text'] {
.choices__inner {
cursor: text;
padding-right: $form-select-padding-x;
}
.choices__button {
position: relative;
display: inline-block;
margin-top: 0;
margin-right: -4px;
margin-bottom: 0;
margin-left: 8px;
padding-left: 16px;
border-left: 1px solid rgba($white, 0.5);
border-right: 0;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
background-size: 8px;
width: 8px;
line-height: 1;
opacity: 0.75;
border-radius: 0;
&:hover, &:focus {
opacity: 1;
}
}
.choices__list--dropdown{
padding-bottom: 10px;
.choices__list{
margin-bottom: 0;
}
}
}
&[data-type*=select-multiple] {
.choices__input {
padding-top: 3px;
}
}
}
//Select Light
.input-light {
.choices__inner {
background-color: var(--#{$prefix}light);
border: none;
}
}
.choices__inner {
display: inline-block;
vertical-align: middle;
width: 100%;
background-color: $form-select-bg;
padding: 0.25rem ($form-select-padding-x + $form-select-indicator-padding) 0.1rem 0.5rem;
border: $form-select-border-width solid $form-select-border-color;
border-radius: $form-select-border-radius !important;
font-size: $input-font-size;
min-height: 37.5px;
overflow: hidden;
}
.is-focused,
.is-open {
.choices__inner {
border-color: $input-focus-border-color;
}
}
.choices__list {
margin: 0;
padding-left: 0;
list-style: none;
}
.choices__list--single {
display: inline-block;
padding: 4px 16px 4px 4px;
width: 100%;
.choices__item {
width: 100%;
}
}
.choices__list--multiple {
display: inline;
.choices__item {
display: inline-block;
vertical-align: initial;
border-radius: 7px;
padding: 2px 7px;
font-size: 11px;
font-weight: $font-weight-normal;
margin-right: 3.75px;
margin-bottom: 3.75px;
margin-top: 2px;
background-color: $primary;
border: 1px solid $primary;
word-break: break-all;
box-sizing: border-box;
color: $white;
box-shadow: $element-shadow;
&[data-deletable] {
padding-right: 5px;
}
&.is-highlighted {
background-color: $primary;
border: 1px solid $primary;
}
}
}
.is-disabled {
.choices__list--multiple {
.choices__item {
background-color: $secondary;
border: 1px solid $secondary
}
}
}
.choices__list--dropdown {
visibility: hidden;
z-index: 1;
position: absolute;
width: 100%;
background-color: var(--#{$prefix}choices-bg);
border: 1px solid var(--#{$prefix}border-color);
box-shadow: $dropdown-box-shadow;
top: 100%;
margin-top: 0;
padding: 10px 10px 20px 10px;
border-bottom-left-radius: 2.5px;
border-bottom-right-radius: 2.5px;
overflow: hidden;
word-break: break-all;
will-change: visibility;
animation-duration: .3s;
animation-fill-mode: both;
transform: translateY(1px);
&.is-active {
visibility: visible;
animation-name: DropDownSlide;
}
.choices__item--selectable.is-highlighted {
background-color: var(--#{$prefix}choices-link-hover-bg);
}
.choices__list {
margin: 0 -16px -16px;
}
.has-no-results {
font-style: italic;
font-weight: $font-weight-medium;
}
.choices__item--selectable:after{
display: none;
}
}
.is-open{
.choices__list--dropdown {
border-color: $dropdown-border-color;
}
}
.is-flipped{
.choices__list--dropdown {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: -1px;
border-radius: 0.25rem 0.25rem 0 0;
&.is-active {
animation-name: DropDownSlideDown;
transform: translateY(-1px);
}
}
}
.choices__list--dropdown{
.choices__list {
position: relative;
max-height: 300px;
overflow: auto;
-webkit-overflow-scrolling: touch;
will-change: scroll-position;
}
.choices__item {
position: relative;
font-size: $dropdown-font-size;
padding: $dropdown-item-padding-y $dropdown-item-padding-x $dropdown-item-padding-y 16px;
}
}
@media (min-width: 640px) {
.choices__list--dropdown {
.choices__item--selectable {
&:after {
content: attr(data-select-text);
font-size: 12px;
opacity: 0;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
&.is-highlighted {
&:after {
opacity: 0.5;
}
}
}
}
}
.choices__item {
cursor: default;
}
.choices__item--selectable {
cursor: pointer;
}
.choices__item--disabled {
cursor: not-allowed;
user-select: none;
opacity: 0.5;
}
.choices__heading {
font-weight: $font-weight-semibold;
font-size: 12px;
padding: 10px 16px;
border-bottom: 1px solid $border-color;
color: $text-muted;
}
.choices__button {
text-indent: -9999px;
appearance: none;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
&:focus {
outline: none;
}
}
.choices__input {
display: inline-block;
vertical-align: baseline;
background-color: $input-bg;
color: $input-color;
font-size: $input-font-size;
margin-bottom: 0;
border: 0;
border-radius: 0;
max-width: 100%;
padding: 2px 0 2px 2px;
&:focus {
outline: 0;
}
&::placeholder {
color: $input-placeholder-color;
}
}
.choices__placeholder {
color: $input-placeholder-color;
opacity: 1;
}
[data-layout-mode="dark"]{
.choices[data-type*=select-one]{
.choices__button{
filter: $btn-close-white-filter;
}
}
}

200
resources/scss/plugins/_ckeditor.scss vendored Executable file
View File

@@ -0,0 +1,200 @@
//
// _ckeditor.scss
//
.ck {
font-family: $font-family-base !important;
&.ck-reset_all, &.ck-reset_all *{
color: var(--#{$prefix}body-color) !important;
}
&.ck-toolbar{
background: #{rgba(var(--#{$prefix}light-rgb), .75)} !important;
}
p {
margin-bottom: 0;
}
&.ck-toolbar {
border: 1px solid $input-border-color !important;
&.ck-toolbar_grouping>.ck-toolbar__items {
flex-wrap: wrap !important;
}
.ck.ck-toolbar__separator {
background: transparent !important;
}
}
&.ck-editor__main>.ck-editor__editable {
border-top: 0 !important;
background-color: var(--#{$prefix}card-bg-custom) !important;
border-color: $input-border-color !important;
box-shadow: none !important;
}
&.ck-dropdown__panel{
background: var(--#{$prefix}choices-bg) !important;
box-shadow: $box-shadow-lg;
animation-name: DropDownSlide;
animation-duration: .3s;
animation-fill-mode: both;
border-radius: $dropdown-border-radius;
}
&.ck-list {
background: var(--#{$prefix}choices-bg) !important;
}
&.ck-dropdown {
.ck-dropdown__panel {
&.ck-dropdown__panel_ne,
&.ck-dropdown__panel_se {
left: 0;
right: auto !important;
}
}
}
&.ck-editor__editable_inline {
&[dir=ltr] {
text-align: left !important;
}
}
&.ck-dropdown__panel {
box-shadow: $dropdown-box-shadow !important;
border-radius: $dropdown-border-radius !important;
border: 1px solid $dropdown-border-color !important;
}
}
.ck.ck-button,
a.ck.ck-button{
&:focus, &:active{
box-shadow: none !important;
border: 1px solid var(--#{$prefix}light) !important;
}
&:not(.ck-disabled){
&:hover{
background: var(--#{$prefix}light) !important;
}
}
&.ck-on{
background: var(--#{$prefix}light) !important;
}
}
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners{
border-radius: $border-radius !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,
.ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners{
border-radius: $border-radius !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.ck-editor__editable {
min-height: 245px !important;
}
.ck[class*=ck-heading_heading] {
font-weight: $font-weight-medium !important;
}
.ck,
a.ck {
&.ck-button {
&.ck-on:not(.ck-disabled) {
&:hover,
&:active {
box-shadow: none !important;
}
}
}
}
.ck{
&.ck-tooltip{
.ck-tooltip__text {
background: $dark !important;
color: $light !important;
}
}
&.ck-input-text{
background: $input-bg !important;
border: 1px solid $input-border-color !important;
&:focus{
border: 1px solid $input-focus-border-color !important;
box-shadow: none !important;
}
}
&.ck-balloon-panel{
background: $dropdown-bg !important;
border: 1px solid $dropdown-border-color !important;
&[class*=arrow_n]{
&:after{
border-bottom-color: $dropdown-bg !important;
}
&::before{
border-bottom-color: $dropdown-border-color !important;
}
}
}
}
.ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{
background: $dropdown-bg !important;
}
// ck-editor-reverse
.ck-editor-reverse{
.ck-editor{
display: flex;
flex-direction: column-reverse;
}
.ck{
&.ck-editor__main>.ck-editor__editable{
border: 1px solid $input-border-color !important;
border-bottom: 0 !important;
}
}
.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,
.ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners{
border-radius: $border-radius !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners{
border-radius: $border-radius !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
}
[dir="rtl"] {
.ck.ck-toolbar>.ck-toolbar__items {
flex-direction: row-reverse;
}
}

74
resources/scss/plugins/_colorpicker.scss vendored Executable file
View File

@@ -0,0 +1,74 @@
//
// _colorpicker.scss
//
.pcr-app{
background: var(--#{$prefix}card-bg-custom);
box-shadow: $box-shadow-lg;
border-radius: 4px;
border: 1px solid $border-color;
}
.pickr{
.pcr-button{
border: 4px solid var(--#{$prefix}card-bg-custom);
box-shadow: 0px 0px 0 2px $border-color;
border-radius: 50%;
box-shadow: $element-shadow;
&::after, &::before{
border-radius: 50%;
}
}
}
.pcr-app{
&[data-theme=classic]{
.pcr-selection {
.pcr-color-preview{
margin-right: .75em;
margin-left: 0;
}
.pcr-color-chooser, .pcr-color-opacity{
margin-left: .75em;
margin-right: 0;
}
}
}
&[data-theme="monolith"]{
.pcr-result{
min-width: 100%;
}
}
.pcr-interaction{
.pcr-type.active{
background: $primary;
}
.pcr-result{
background-color: $input-bg;
color: $input-color;
border: 1px solid $input-border-color;
border-radius: $input-border-radius;
}
input{
border-radius: $input-border-radius !important;
&:focus{
box-shadow: none;
background-color: $input-focus-bg;
border-color: $input-focus-border-color;
}
}
.pcr-save{
background: $success !important;
}
.pcr-clear, .pcr-cancel{
background: $danger !important;
}
}
}

227
resources/scss/plugins/_custom-scrollbar.scss vendored Executable file
View File

@@ -0,0 +1,227 @@
//
// _custom-scrollbar.scss
//
[data-simplebar] {
position: relative;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
}
.simplebar-wrapper {
overflow: hidden;
width: inherit;
height: inherit;
max-width: inherit;
max-height: inherit;
}
.simplebar-mask {
direction: inherit;
position: absolute;
overflow: hidden;
padding: 0;
margin: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: auto !important;
height: auto !important;
z-index: 0;
}
.simplebar-offset {
direction: inherit !important;
box-sizing: inherit !important;
resize: none !important;
position: absolute;
top: 0;
left: 0 !important;
bottom: 0;
right: 0 !important;
padding: 0;
margin: 0;
-webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
direction: inherit;
box-sizing: border-box !important;
position: relative;
display: block;
height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
width: auto;
visibility: visible;
overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */
max-width: 100%; /* Not required for horizontal scroll to trigger */
max-height: 100%; /* Needed for vertical scroll to trigger */
scrollbar-width: none;
padding: 0px !important;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
display: none;
}
.simplebar-content:before,
.simplebar-content:after {
content: ' ';
display: table;
}
.simplebar-placeholder {
max-height: 100%;
max-width: 100%;
width: 100%;
pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
box-sizing: inherit !important;
height: 100%;
width: 100%;
max-width: 1px;
position: relative;
float: left;
max-height: 1px;
overflow: hidden;
z-index: -1;
padding: 0;
margin: 0;
pointer-events: none;
flex-grow: inherit;
flex-shrink: 0;
flex-basis: 0;
}
.simplebar-height-auto-observer {
box-sizing: inherit;
display: block;
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 1000%;
width: 1000%;
min-height: 1px;
min-width: 1px;
overflow: hidden;
pointer-events: none;
z-index: -1;
}
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
pointer-events: none;
overflow: hidden;
}
[data-simplebar].simplebar-dragging .simplebar-content {
pointer-events: none;
user-select: none;
-webkit-user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
pointer-events: all;
}
.simplebar-scrollbar {
position: absolute;
right: 2px;
width: 6px;
min-height: 10px;
}
.simplebar-scrollbar:before {
position: absolute;
content: '';
background: #a2adb7;
border-radius: 7px;
left: 0;
right: 0;
opacity: 0;
transition: opacity 0.2s linear;
}
.simplebar-scrollbar.simplebar-visible:before {
/* When hovered, remove all transitions from drag handle */
opacity: 0.5;
transition: opacity 0s linear;
}
.simplebar-track.simplebar-vertical {
top: 0;
width: 11px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
top: 2px;
bottom: 2px;
}
.simplebar-track.simplebar-horizontal {
left: 0;
height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
height: 100%;
left: 2px;
right: 2px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
right: auto;
left: 0;
top: 2px;
height: 7px;
min-height: 0;
min-width: 10px;
width: auto;
}
/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
right: auto;
left: 0;
}
.hs-dummy-scrollbar-size {
direction: rtl;
position: fixed;
opacity: 0;
visibility: hidden;
height: 500px;
width: 500px;
overflow-y: hidden;
overflow-x: scroll;
}
.simplebar-hide-scrollbar {
position: fixed;
left: 0;
visibility: hidden;
overflow-y: scroll;
scrollbar-width: none;
}
.custom-scroll {
height: 100%;
}
@each $color, $value in $theme-colors {
[data-simplebar-track="#{$color}"]{
.simplebar-scrollbar:before{
background: $value;
}
}
}

188
resources/scss/plugins/_datatables.scss vendored Executable file
View File

@@ -0,0 +1,188 @@
//
// _datatables.scss
//
table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
text-align: center;
padding: 50px;
font-weight: $font-weight-semibold;
--vz-table-accent-bg: var(--#{$prefix}card-bg-custom);
}
table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:before {
content:"\f0360";
position: absolute;
right: 0.5rem;
top: 12px;
font-size: .8rem;
font-family: "Material Design Icons";
}
table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:after {
content: "\f035d";
position: absolute;
right: 0.5rem;
top: 18px;
font-size: .8rem;
font-family: "Material Design Icons";
}
table.dataTable>tbody>tr.child span.dtr-title {
font-weight: $font-weight-semibold;
min-width: 150px;
}
//responsive
table {
&.dataTable {
&.dtr-inline {
&.collapsed {
>tbody {
>tr {
>th,
>td {
&.dtr-control {
&::before {
background-color: $primary;
border-color: var(--#{$prefix}card-bg-custom);
}
}
}
&.parent {
&.parent {
>th {
&.dtr-control {
&::before {
background-color: $danger;
}
}
}
}
>td {
&.dtr-control {
&::before {
background-color: $danger;
}
}
}
}
}
}
}
}
>tbody {
>tr {
&.child {
span {
&.dtr-title {
min-width: 135px;
}
}
}
}
}
}
}
.table-card {
.dataTables_length,
.dataTables_filter {
padding: $card-cap-padding-y $card-cap-padding-x;
padding-bottom: 0px;
}
.dataTables_info,
.dataTables_paginate {
padding: $card-cap-padding-y $card-cap-padding-x;
}
div.dataTables_wrapper {
.col-md-6 {
width: 100%;
}
div {
&.dataTables_filter {
input {
width: calc(100% - 52px);
}
label {
display: block;
}
}
}
}
}
div{
&.dtr-modal {
div {
&.dtr-modal-display {
background-color: $modal-content-bg;
border-color: $border-color;
box-shadow: none;
height: 70%;
}
&.dtr-modal-content {
padding: $modal-inner-padding;
h2 {
font-size: $font-size-lg;
font-weight: $font-weight-semibold;
margin-bottom: 15px;
}
.dtr-details{
tr {
td {
padding: $table-cell-padding-y $table-cell-padding-x;
}
}
}
}
&.dtr-modal-close {
font-size: 24px;
top: 9px;
right: 11px;
width: 30px;
height: 30px;
line-height: 30px;
background-color: var(--#{$prefix}card-bg-custom);
border-color: $border-color;
&:hover {
background-color: var(--#{$prefix}light);
}
}
}
}
}
.dt-buttons {
button.dt-button,
div.dt-button,
a.dt-button,
input.dt-button {
border-color: $border-color;
background: var(--#{$prefix}light);
color: var(--#{$prefix}gray-800);
}
}

17
resources/scss/plugins/_dropzone.scss vendored Executable file
View File

@@ -0,0 +1,17 @@
//
// Dropzone
//
.dropzone {
min-height: 230px;
border: 2px dashed var(--#{$prefix}border-color);
background: var(--#{$prefix}card-bg-custom);
border-radius: 6px;
.dz-message {
font-size: 24px;
width: 100%;
margin: 1em 0;
}
}

11
resources/scss/plugins/_echarts.scss vendored Executable file
View File

@@ -0,0 +1,11 @@
//
// echarts.scss
//
.e-charts{
height: 350px;
}
.e-charts-height{
height: 300px;
}

64
resources/scss/plugins/_emoji-picker.scss vendored Executable file
View File

@@ -0,0 +1,64 @@
//
// emoji-picker.scss
//
.fg-emoji-picker{
width: 250px !important;
box-shadow: $box-shadow !important;
top: auto !important;
bottom: 130px;
*{
font-family: $font-family-base !important;
color: var(--#{$prefix}body-color) !important;
}
@media (max-width:991.98px) {
left: 14px !important;
top: auto !important;
bottom: 118px;
}
.fg-emoji-picker-container-title{
color: $dark !important;
}
.fg-emoji-picker-search{
height: 40px !important;
input{
background-color: $input-bg !important;
color: $input-color !important;
padding: $input-btn-padding-y $input-btn-padding-x !important;
font-size: $font-size-base !important;
&::placeholder{
color: $input-placeholder-color !important;
}
}
svg{
fill: var(--#{$prefix}body-color) !important;
right: 11px;
top: 12px;
}
}
.fg-emoji-picker-categories{
background-color: $light !important;
li.active{
background-color: rgba(var(--bs-primary-rgb), 0.2);
}
a{
&:hover{
background-color: rgba(var(--bs-primary-rgb), 0.2);
}
}
}
}
.fg-emoji-picker-grid > li:hover{
background-color: rgba(var(--bs-primary-rgb), 0.2) !important;
}
a.fg-emoji-picker-close-button{
background-color: darken($light, 4%) !important;
}

33
resources/scss/plugins/_filepond.scss vendored Executable file
View File

@@ -0,0 +1,33 @@
//
// filepond
//
.filepond--root{
margin-bottom: 0;
&[data-style-panel-layout~=circle]{
.filepond--drop-label label{
font-size: 14px;
}
}
}
.filepond--panel-root{
border: 2px dashed var(--#{$prefix}border-color);
background: var(--#{$prefix}card-bg-custom);
}
.filepond--drop-label {
color: var(--#{$prefix}body-color);
label{
font-weight: $font-weight-medium;
}
}
.filepond--credits {
display: none;
}
.filepond--item-panel {
background-color: $primary !important;
}

67
resources/scss/plugins/_flag-input.scss vendored Executable file
View File

@@ -0,0 +1,67 @@
// flag input
[data-input-flag] {
position: relative;
.dropdown-menu {
.dropdown-menu-list {
max-height: 158px;
overflow-y: auto;
&::-webkit-scrollbar {
-webkit-appearance: none;
}
&::-webkit-scrollbar:vertical {
width: 8px;
}
&::-webkit-scrollbar:horizontal {
height: 10px;
}
&::-webkit-scrollbar-thumb {
background-color: rgba(var(--#{$prefix}dark-rgb), .075);
border-radius: 8px;
}
&::-webkit-scrollbar-track {
border-radius: 8px;
}
}
}
}
[data-option-flag-img-name] {
.flag-input {
padding-left: 45px;
background-image: url("../images/flags/us.svg");
background-repeat: no-repeat;
background-position: 14px 8px;
background-size: 18px;
}
}
[data-option-flag-name],
[data-option-flag-img-name] {
&::before {
content: "\f0140";
font-family: "Material Design Icons";
position: absolute;
right: $input-padding-x;
top: $input-padding-y;
font-size: 16px;
}
}
[data-option-countrycode="false"] {
.country-codeno {
display: none;
}
}
[data-search-input="false"] {
.searchlist-input {
display: none;
}
}

848
resources/scss/plugins/_flatpicker.scss vendored Executable file
View File

@@ -0,0 +1,848 @@
//
// _flatpicker.scss
//
.flatpickr-calendar {
background: transparent;
opacity: 0;
display: none;
text-align: center;
visibility: hidden;
padding: 0;
animation: none;
direction: ltr;
border: 0;
font-size: 14px;
line-height: 24px;
border-radius: 5px;
position: absolute;
width: 307.875px;
box-sizing: border-box;
touch-action: manipulation;
background: var(--#{$prefix}choices-bg);
box-shadow: 1px 0 0 $border-color, -1px 0 0 $border-color, 0 1px 0 $border-color, 0 -1px 0 $border-color, 0 3px 13px rgba(0, 0, 0, 0.08);
&.open,
&.inline {
opacity: 1;
max-height: 640px;
visibility: visible;
}
&.open {
display: inline-block;
z-index: 1056;
}
&.animate.open {
animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
&.inline {
display: block;
position: relative;
top: 2px;
width: 100%;
box-shadow: none;
.flatpickr-rContainer {
display: block;
width: 100%;
.flatpickr-days {
width: 100%;
border: $input-border-width solid $input-border-color;
border-top: none;
border-radius: 0 0 5px 5px;
.dayContainer {
width: 100%;
min-width: 100%;
max-width: 100%;
.flatpickr-day {
max-width: 100%;
border-radius: 4px;
}
}
}
}
.flatpickr-time {
border: $input-border-width solid $input-border-color !important;
border-radius: $input-border-radius;
}
}
&.static {
position: absolute;
top: calc(100% + 2px);
&.open {
z-index: 999;
display: block;
}
}
&.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
box-shadow: none !important;
}
&.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.hasWeeks .dayContainer,
.hasTime .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.hasWeeks .dayContainer {
border-left: 0;
}
&.hasTime .flatpickr-time {
height: 40px;
border-top: 1px solid $border-color;
}
&.noCalendar.hasTime .flatpickr-time {
height: auto;
}
&::before,
&::after {
position: absolute;
display: block;
pointer-events: none;
border: solid transparent;
content: '';
height: 0;
width: 0;
left: 22px;
}
&.rightMost::before,
&.arrowRight::before,
&.rightMost::after,
&.arrowRight::after {
left: auto;
right: 22px;
}
&.arrowCenter::before,
&.arrowCenter::after {
left: 50%;
right: 50%;
}
&::before {
border-width: 5px;
margin: 0 -5px;
}
&::after {
border-width: 4px;
margin: 0 -4px;
}
&.arrowTop::before,
&.arrowTop::after {
bottom: 100%;
}
&.arrowTop::before {
border-bottom-color: $primary;
}
&.arrowTop::after {
border-bottom-color: $primary;
}
&.arrowBottom::before,
&.arrowBottom::after {
top: 100%;
}
&.arrowBottom::before {
border-top-color: $primary;
}
&.arrowBottom::after {
border-top-color: $primary;
}
&:focus {
outline: 0;
}
}
.flatpickr-wrapper {
position: relative;
display: inline-block;
}
.flatpickr-months {
display: flex;
background-color: $primary;
border-radius: 5px 5px 0px 0px;
.flatpickr-month {
background: transparent;
color: rgba($white, 0.9);
fill: rgba($white, 0.9);
height: 34px;
line-height: 1;
text-align: center;
position: relative;
user-select: none;
overflow: hidden;
flex: 1;
}
.flatpickr-prev-month,
.flatpickr-next-month {
text-decoration: none;
cursor: pointer;
position: absolute;
top: 0;
height: 34px;
padding: 10px;
z-index: 3;
color: rgba($white, 0.9);
fill: rgba($white, 0.9);
&.flatpickr-disabled{
display: none;
}
i {
position: relative;
}
&.flatpickr-prev-month {
/*
/*rtl:begin:ignore*/
/*
*/
left: 0;
/*
/*rtl:end:ignore*/
/*
*/
}
/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
&.flatpickr-next-month {
/*
/*rtl:begin:ignore*/
/*
*/
right: 0;
/*
/*rtl:end:ignore*/
/*
*/
}
/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
&:hover {
color: #959ea9;
svg {
fill: rgba($white, 0.9);
}
}
svg {
width: 14px;
height: 14px;
path {
transition: fill 0.1s;
fill: inherit;
}
}
}
}
.numInputWrapper {
position: relative;
height: auto;
input,
span {
display: inline-block;
}
input {
width: 100%;
&::-ms-clear {
display: none;
}
&::-webkit-outer-spin-button,
&::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
}
span {
position: absolute;
right: 0;
width: 14px;
padding: 0 4px 0 2px;
height: 50%;
line-height: 50%;
opacity: 0;
cursor: pointer;
border: 1px solid rgba(var(--#{$prefix}dark-rgb),0.15);
box-sizing: border-box;
&:hover {
background: rgba(0,0,0,0.1);
}
&:active {
background: rgba(0,0,0,0.2);
}
&:after {
display: block;
content: "";
position: absolute;
}
&.arrowUp {
top: 0;
border-bottom: 0;
&:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(57,57,57,0.6);
top: 26%;
}
}
&.arrowDown {
top: 50%;
&:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(57,57,57,0.6);
top: 40%;
}
}
svg {
width: inherit;
height: auto;
path {
fill: rgba(0,0,0,0.5);
}
}
}
&:hover {
background: rgba(0,0,0,0.05);
span {
opacity: 1;
}
}
}
.flatpickr-current-month {
font-size: 100%;
line-height: inherit;
font-weight: 300;
color: inherit;
position: absolute;
width: 75%;
left: 12.5%;
padding: 7.48px 0 0 0;
line-height: 1;
height: 34px;
display: inline-block;
text-align: center;
transform: translate3d(0px, 0px, 0px);
span.cur-month {
font-family: inherit;
font-weight: 700;
color: inherit;
display: inline-block;
margin-left: 0.5ch;
padding: 0;
&:hover {
background: rgba(0,0,0,0.05);
}
}
.numInputWrapper {
width: 6ch;
width: 7ch\0;
display: inline-block;
}
span{
&.arrowUp::after {
border-bottom-color: rgba(0,0,0,0.9);
}
&.arrowDown:after {
border-top-color: rgba(0,0,0,0.9);
}
}
input.cur-year {
background: transparent;
box-sizing: border-box;
color: inherit;
cursor: text;
padding: 0 0 0 0.5ch;
margin: 0;
display: inline-block;
font-size: inherit;
font-family: inherit;
font-weight: $font-weight-semibold;
line-height: inherit;
height: auto;
border: 0;
border-radius: 0;
vertical-align: initial;
appearance: textfield;
&:focus {
outline: 0;
}
&[disabled],
&[disabled]:hover {
font-size: 100%;
color: rgba($white, 0.9);
background: transparent;
pointer-events: none;
}
}
.flatpickr-monthDropdown-months {
appearance: menulist;
background: transparent;
border: none;
border-radius: 0;
box-sizing: border-box;
color: inherit;
cursor: pointer;
font-size: inherit;
font-family: inherit;
font-weight: $font-weight-semibold;
height: auto;
line-height: inherit;
margin: -1px 0 0 0;
outline: none;
padding: 0 0 0 0.5ch;
position: relative;
vertical-align: initial;
width: auto;
&:focus,
&:active {
outline: none;
}
&:hover {
background-color: transparent;
}
.flatpickr-monthDropdown-month {
background-color: transparent;
outline: none;
padding: 0;
color: rgba($black, 0.8);
}
}
}
.flatpickr-weekdays {
background-color: $primary;
text-align: center;
overflow: hidden;
width: 100%;
display: flex;
align-items: center;
height: 36px;
border-bottom: 1px solid $border-color;
.flatpickr-weekdaycontainer {
display: flex;
flex: 1;
}
}
span.flatpickr-weekday {
cursor: default;
font-size: 90%;
background: $primary;
color: $white;
line-height: 1;
margin: 0;
text-align: center;
display: block;
flex: 1;
font-weight: $font-weight-medium;
}
.dayContainer,
.flatpickr-weeks {
padding: 1px 0 0 0;
}
.flatpickr-days {
position: relative;
overflow: hidden;
display: flex;
align-items: flex-start;
width: 307.875px;
&:focus {
outline: 0;
}
}
.dayContainer {
padding: 0;
outline: 0;
text-align: left;
width: 307.875px;
min-width: 307.875px;
max-width: 307.875px;
box-sizing: border-box;
display: inline-block;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
transform: translate3d(0px, 0px, 0px);
opacity: 1;
+ .dayContainer {
box-shadow: -1px 0 0 #e6e6e6;
}
}
.flatpickr-day {
background: none;
border: 1px solid transparent;
border-radius: 150px;
box-sizing: border-box;
color: var(--#{$prefix}body-color);
cursor: pointer;
font-weight: 400;
width: 14.2857143%;
flex-basis: 14.2857143%;
max-width: 39px;
height: 39px;
line-height: 39px;
margin: 0;
display: inline-block;
position: relative;
justify-content: center;
text-align: center;
&:hover,
&:focus {
background-color: rgba(var(--#{$prefix}light-rgb), 0.7);
}
&.inRange,
&.prevMonthDay.inRange,
&.nextMonthDay.inRange,
&.today.inRange,
&.prevMonthDay.today.inRange,
&.nextMonthDay.today.inRange,
&:hover,
&.prevMonthDay:hover,
&.nextMonthDay:hover,
&:focus,
&.prevMonthDay:focus,
&.nextMonthDay:focus {
cursor: pointer;
outline: 0;
background-color: var(--#{$prefix}light);
border-color: var(--#{$prefix}light);
}
&.today {
border-color: $primary;
background-color: rgba($primary, 0.1);
box-shadow: $element-shadow;
&:hover,
&:focus {
border-color: $primary;
background-color: rgba($primary, 0.15);
color: var(--#{$prefix}dark);
}
}
&.selected,
&.startRange,
&.endRange,
&.selected.inRange,
&.startRange.inRange,
&.endRange.inRange,
&.selected:focus,
&.startRange:focus,
&.endRange:focus,
&.selected:hover,
&.startRange:hover,
&.endRange:hover,
&.selected.prevMonthDay,
&.startRange.prevMonthDay,
&.endRange.prevMonthDay,
&.selected.nextMonthDay,
&.startRange.nextMonthDay,
&.endRange.nextMonthDay {
background: $primary;
box-shadow: $element-shadow;
color: $white;
border-color: $primary;
}
&.selected,
&.startRange,
&.endRange{
&.startRange {
border-radius: 50px 0 0 50px;
+ .endRange:not(:nth-child(7n+1)) {
box-shadow: -10px 0 0 $primary;
}
.endRange{
border-radius: 50px;
}
}
}
&.selected,
&.startRange,
&.endRange{
&.endRange {
border-radius: 0 50px 50px 0;
}
}
&.inRange {
border-radius: 0;
box-shadow: -5px 0 0 var(--#{$prefix}light), 5px 0 0 var(--#{$prefix}light);
}
&.flatpickr-disabled,
&.flatpickr-disabled:hover,
&.prevMonthDay,
&.nextMonthDay,
&.notAllowed,
&.notAllowed.prevMonthDay,
&.notAllowed.nextMonthDay {
color: rgba(var(--#{$prefix}body-color-rgb),0.3);
background: transparent;
border-color: transparent;
cursor: default;
}
&.flatpickr-disabled,
&.flatpickr-disabled:hover {
cursor: not-allowed;
color: rgba(var(--#{$prefix}body-color-rgb),0.3);
}
&.week.selected {
border-radius: 0;
box-shadow: -5px 0 0 $primary, 5px 0 0 $primary;
}
&.hidden {
visibility: hidden;
}
}
.rangeMode .flatpickr-day {
margin-top: 1px;
}
.flatpickr-weekwrapper {
float: left;
.flatpickr-weeks {
padding: 0 12px;
box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekday {
float: none;
width: 100%;
line-height: 35px;
}
span{
&.flatpickr-day,
&.flatpickr-day:hover {
display: block;
width: 100%;
max-width: none;
color: rgba(var(--#{$prefix}dark-rgb),0.3);
background: transparent;
cursor: default;
border: none;
}
}
}
.flatpickr-innerContainer {
display: block;
display: flex;
box-sizing: border-box;
overflow: hidden;
}
.flatpickr-rContainer {
display: inline-block;
padding: 0;
box-sizing: border-box;
}
.flatpickr-time {
text-align: center;
outline: 0;
display: block;
height: 0;
line-height: 40px;
max-height: 40px;
box-sizing: border-box;
overflow: hidden;
display: flex;
&:after {
content: "";
display: table;
clear: both;
}
.numInputWrapper {
flex: 1;
width: 40%;
height: 40px;
float: left;
span{
&.arrowUp, &.arrowDown{
&:after {
border-bottom-color: $border-color;
}
}
}
}
&.hasSeconds .numInputWrapper {
width: 26%;
}
&.time24hr .numInputWrapper {
width: 49%;
}
input {
background: transparent;
box-shadow: none;
border: 0;
border-radius: 0;
text-align: center;
margin: 0;
padding: 0;
height: inherit;
line-height: inherit;
color: var(--#{$prefix}body-color);
font-size: 14px;
position: relative;
box-sizing: border-box;
appearance: textfield;
&.flatpickr-hour {
font-weight: bold;
}
&.flatpickr-minute,
&.flatpickr-second {
font-weight: 400;
}
&:focus {
outline: 0;
border: 0;
}
}
.flatpickr-time-separator,
.flatpickr-am-pm {
height: inherit;
float: left;
line-height: inherit;
color: var(--#{$prefix}body-color);
font-weight: bold;
width: 2%;
user-select: none;
align-self: center;
}
.flatpickr-am-pm {
outline: 0;
width: 18%;
cursor: pointer;
text-align: center;
font-weight: 400;
}
input, .flatpickr-am-pm{
&:hover, &:focus{
background: rgba($primary, 0.04);
}
}
}
.flatpickr-am-pm,
.numInput,
.numInputWrapper {
&:focus,
&:hover {
background-color: transparent;
}
}
.flatpickr-input[readonly] {
cursor: pointer;
background-color: $input-bg;
}
[data-inline-date="true"],[data-time-inline] {
display: none;
}
@keyframes fpFadeInDown {
from {
opacity: 0;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
[datepicker-inline],
[timepicker-inline] {
display: none;
}

88
resources/scss/plugins/_form-input-spin.scss vendored Executable file
View File

@@ -0,0 +1,88 @@
//
// _form-input-spin.scss
//
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
height: auto;
}
.input-step {
border: 1px solid $input-border-color;
display: inline-flex;
overflow: visible;
height: 37.5px;
@include border-radius($input-border-radius, 0);
background: $input-bg;
padding: 4px;
input {
width: 4em;
height: 100%;
text-align: center;
border: 0;
background: transparent;
color: $input-color;
border-radius: $input-border-radius;
&:focus-visible {
outline: 0;
}
}
button {
width: 1.4em;
font-weight: 300;
height: 100%;
line-height: 0.1em;
font-size: 1.4em;
padding: 0.2em !important;
background: var(--#{$prefix}light);
color: var(--#{$prefix}body-color);
border: none;
border-radius: $btn-border-radius;
}
&.light {
background: var(--#{$prefix}light);
button {
background-color: $input-bg;
}
}
&.light-input {
background: var(--#{$prefix}light);
input {
background-color: $input-bg;
}
}
&.full-width {
display: flex;
width: 100%;
button {
flex-shrink: 0;
}
input {
flex-grow: 1;
}
}
}
@each $color,
$value in $theme-colors {
.input-step {
&.step-#{$color} {
button {
background-color: $value;
color: $white;
}
}
}
}

400
resources/scss/plugins/_fullcalendar.scss vendored Executable file
View File

@@ -0,0 +1,400 @@
//
// _fullcalendar.scss
//
.fc td,
.fc th {
border: $table-border-width solid $table-border-color;
}
.fc {
.fc-toolbar {
h2 {
font-size: 16px;
line-height: 30px;
text-transform: uppercase;
}
@media (max-width: 767.98px) {
.fc-left,
.fc-right,
.fc-center {
float: none;
display: block;
text-align: center;
clear: both;
margin: 10px 0;
}
>*>* {
float: none;
}
.fc-today-button {
display: none;
}
}
.btn {
text-transform: capitalize;
}
}
.fc-col-header-cell {
background-color: var(--#{$prefix}light);
}
.fc-col-header-cell-cushion {
display: block;
padding: 8px 4px;
}
.fc-daygrid-day-number {
width: 24px;
height: 24px;
border-radius: 50%;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: $font-weight-medium;
margin: 2px;
}
.fc-daygrid-day {
&.fc-day-today {
background-color: rgba($primary, 0.1);
.fc-daygrid-day-number {
background-color: $primary;
color: $white;
}
}
}
.fc-daygrid-day {
&.fc-day-today {
background-color: rgba($primary, 0.1);
}
}
.fc-timegrid-col {
&.fc-day-today {
background-color: rgba($primary, 0.1);
}
}
.fc-list-event:hover td {
background: transparent;
}
.fc-list-event-title {
a {
color: $white !important;
}
}
.fc-col-header,
.fc-daygrid-body,
.fc-scrollgrid-sync-table {
width: 100% !important;
}
.fc-scrollgrid-section>*{
border-left: $table-border-width solid $table-border-color;
border-top: $table-border-width solid $table-border-color;
}
.fc-scrollgrid-section-liquid>td{
border-top: 0;
}
}
.fc-theme-bootstrap a:not([href]) {
color: var(--#{$prefix}body-color);
}
.fc-event {
color: $white;
}
.fc {
th.fc-widget-header {
background: $gray-300;
line-height: 20px;
padding: 10px 0;
text-transform: uppercase;
font-weight: $font-weight-bold;
}
}
.fc-unthemed {
.fc-content,
.fc-divider,
.fc-list-heading td,
.fc-list-view,
.fc-popover,
.fc-row,
tbody,
td,
th,
thead {
border-color: $gray-300;
}
td.fc-today {
background: lighten($gray-200, 2%);
}
}
.fc-button {
background: var(--#{$prefix}card-bg-custom);
border-color: $border-color;
color: $gray-700;
text-transform: capitalize;
box-shadow: none;
padding: 6px 12px !important;
height: auto !important;
}
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
background-color: $primary;
color: $white;
text-shadow: none;
}
.fc-event {
border-radius: 2px;
border: none;
cursor: move;
font-size: 0.8125rem;
margin: 5px 7px;
padding: 5px 5px;
text-align: center;
}
.fc-event,
.fc-event-dot {
background-color: $primary;
}
.fc-daygrid-dot-event.fc-event-mirror,
.fc-daygrid-dot-event:hover {
background-color: $primary;
}
// .fc-daygrid-dot-event {
// color: $white !important;
// }
.fc-event-title,
.fc-sticky {
font-weight: $font-weight-semibold !important;
text-overflow: ellipsis;
white-space: nowrap;
}
.fc-daygrid-event-dot {
border-color: $white !important;
display: none;
}
.fc-event-time {
display: none;
}
.fc-event .fc-content {
color: $white;
}
#external-events {
.external-event {
text-align: left;
padding: 8px 16px;
margin: 6px 0;
}
}
.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark {
.fc-content {
color: $light;
}
}
.fc-prev-button,
.fc-next-button {
position: relative;
height: 37.5px;
width: 37.5px;
&::before {
position: absolute;
font-family: remixicon !important;
font-size: 20px;
top: 0;
bottom: 0px;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
}
}
.fc-prev-button {
&::before {
content: "\ea64";
}
}
.fc-next-button {
&::before {
content: "\ea6e";
}
}
.fc-toolbar-chunk {
.btn-group {
box-shadow: $element-shadow;
.btn {
color: $secondary;
background-color: rgba($secondary, 0.15);
border: none;
box-shadow: none;
&:hover,
&.active {
color: $white;
background-color: $secondary;
}
}
}
.fc-today-button {
background-color: $secondary !important;
border: $secondary;
}
}
.fc-toolbar {
@media (max-width: 575.98px) {
flex-direction: column;
gap: 16px;
}
}
#upcoming-event-list {
.card {
&:last-child {
margin-bottom: 6px !important;
}
}
}
#event-modal {
.event-details {
display: none;
}
.view-event {
.event-form {
display: none;
}
#event-category-tag {
display: none;
}
.event-details {
display: block;
}
}
}
.fc-daygrid-event-harness {
.fc-daygrid-event {
backdrop-filter: blur(4px);
}
}
.fc-timegrid-event-harness {
.fc-timegrid-event {
backdrop-filter: blur(4px);
}
}
.fc-timegrid-slots {
table {
tr {
border-color: $border-color !important;
}
}
}
.fc-list-table {
border-color: $border-color;
}
@each $color,
$value in $theme-colors {
.fc-daygrid-event-harness {
.fc-daygrid-event {
&.bg-soft-#{$color} {
.fc-event-title,
.fc-event-main {
color: $value !important;
}
}
}
}
.fc-timegrid-event-harness {
.fc-timegrid-event {
&.bg-soft-#{$color} {
.fc-event-title {
color: $value !important;
}
}
}
}
.fc-list-table {
.fc-list-event {
&.bg-soft-#{$color} {
color: $value !important;
.fc-list-event-title {
>a {
color: $value !important;
}
}
.fc-list-event-dot {
border-color: $value;
}
}
}
}
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-soft-dark{
.fc-event-main, .fc-event-title {
color: var(--#{$prefix}dark) !important;
}
}
.fc-direction-ltr{
direction: ltr;
.fc-toolbar>*>:not(:first-child){
margin-left: 0.75em;
}
}

42
resources/scss/plugins/_google-map.scss vendored Executable file
View File

@@ -0,0 +1,42 @@
//
// _google-map.scss
//
.gmaps, .gmaps-panaroma {
height: 300px;
background: $gray-100;
border-radius: 3px;
}
.gmaps-overlay {
display: block;
text-align: center;
color: $white;
font-size: 16px;
line-height: 40px;
background: $primary;
border-radius: 4px;
padding: 10px 20px;
}
.gmaps-overlay_arrow {
left: 50%;
margin-left: -16px;
width: 0;
height: 0;
position: absolute;
&.above {
bottom: -15px;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-top: 16px solid $primary;
}
&.below {
top: -15px;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-bottom: 16px solid $primary;
}
}

271
resources/scss/plugins/_gridjs.scss vendored Executable file
View File

@@ -0,0 +1,271 @@
//
// _gridjs.scss
//
.gridjs-container {
color: $table-color;
padding: 0;
display: block;
}
.gridjs-wrapper {
box-shadow: none;
border: 1px solid $table-border-color;
border-radius: 0px;
&::-webkit-scrollbar {
-webkit-appearance: none;
}
&::-webkit-scrollbar:vertical {
width: 12px;
}
&::-webkit-scrollbar:horizontal {
height: 12px;
}
&::-webkit-scrollbar-thumb {
background-color: rgba(var(--#{$prefix}dark-rgb), .075);
border-radius: 10px;
border: 2px solid var(--#{$prefix}card-bg-custom);
}
&::-webkit-scrollbar-track {
border-radius: 10px;
background-color: var(--#{$prefix}card-bg-custom);
}
}
.gridjs-footer {
border: none !important;
padding: 12px 0 0;
}
.gridjs-table {
width: 100%;
}
.gridjs-tbody, td.gridjs-td{
background-color: $table-bg;
}
th.gridjs-th,
td.gridjs-td {
border: 1px solid $table-border-color;
padding: $table-cell-padding-y $table-cell-padding-x;
}
th {
&.gridjs-th {
border-top: 0;
color: $table-color;
background-color: rgba(var(--#{$prefix}light-rgb), .75);
}
&.gridjs-th-sort {
&:focus,
&:hover {
background-color: rgba(var(--#{$prefix}light-rgb), .85);
}
}
}
.gridjs-head{
padding-top: 0;
}
.gridjs-footer {
box-shadow: none;
border: 1px solid $table-border-color;
border-top: 0;
background-color: $table-bg;
}
.gridjs-summary {
color: $text-muted;
margin-top: 8px !important;
}
.gridjs-pagination {
.gridjs-pages button {
margin-left: 0.3rem;
border-radius: $border-radius !important;
border: 1px solid $pagination-border-color;
background-color: $pagination-bg;
color: $pagination-color;
&:last-child{
border-right: 1px solid $pagination-border-color;
}
&:disabled,
&:hover:disabled,
&[disabled] {
color: $pagination-disabled-color;
background-color: $pagination-bg;
}
&:hover {
background-color: $pagination-hover-bg;
color: $pagination-hover-color;
}
&:focus {
box-shadow: none;
}
&:last-child,
&:first-child {
&:hover {
background-color: transparent;
}
}
&.gridjs-currentPage {
background-color: $pagination-active-bg;
color: $pagination-active-color;
border-color: $pagination-active-border-color;
font-weight: $font-weight-medium;
}
}
}
.gridjs-search {
position: relative;
float: left;
&::before {
content: "\f0d1";
font-family: "remixicon";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;
font-size: 14px;
color: $text-muted;
}
}
input.gridjs-input {
border-color: $input-border-color;
background-color: $input-bg;
color: $input-color;
line-height: $input-line-height;
padding: $input-padding-y $input-padding-x $input-padding-y $input-padding-x*2.25;
border-radius: $input-border-radius;
@include font-size($input-font-size);
&:focus {
box-shadow: none;
border-color: $input-focus-border-color;
background-color: $input-focus-bg;
}
&::placeholder{
color: $input-placeholder-color;
}
}
th.gridjs-th {
.gridjs-th-content {
float: none;
display: inline-block;
vertical-align: middle;
font-weight: $font-weight-semibold;
}
}
button.gridjs-sort {
float: none;
display: inline-block;
vertical-align: middle;
width: 10px;
height: 20px;
}
th.gridjs-th-sort .gridjs-th-content {
width: calc(100% - 10px);
}
button{
&.gridjs-sort-asc, &.gridjs-sort-desc{
background-size: 7px;
}
}
// card table
.table-card{
.gridjs-head{
padding: 16px 16px 5px;
}
.gridjs-wrapper{
border-top: 0;
border-radius: 0;
border-width: 1px 0;
}
.gridjs-footer{
padding: 8px 16px;
}
}
// gridjs selection
.gridjs-tr-selected {
td{
background-color: $table-active-bg;
}
.gridjs-td .gridjs-checkbox[type=checkbox]{
background-color: $form-check-input-checked-bg-color;
border-color: $form-check-input-checked-border-color;
@if $enable-gradients {
background-image: escape-svg($form-check-input-checked-bg-image), var(--#{$prefix}gradient);
} @else {
background-image: escape-svg($form-check-input-checked-bg-image);
}
}
}
.gridjs-td{
.gridjs-checkbox{
width: $form-check-input-width;
height: $form-check-input-width;
vertical-align: top;
background-color: $form-check-input-bg;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: $form-check-input-border;
appearance: none;
color-adjust: exact; // Keep themed appearance for print
@include transition($form-check-transition);
&[type="checkbox"] {
@include border-radius($form-check-input-border-radius);
}
}
}
.gridjs-border-none{
td.gridjs-td, th.gridjs-th{
border-right-width: 0;
border-left-width: 0;
}
}
.gridjs-loading-bar {
background-color: var(--#{$prefix}card-bg-custom);
}
[data-layout-mode="dark"]{
button{
&.gridjs-sort-neutral, &.gridjs-sort-asc, &.gridjs-sort-desc{
filter: $btn-close-white-filter;
}
}
}

11
resources/scss/plugins/_leaflet-maps.scss vendored Executable file
View File

@@ -0,0 +1,11 @@
//
// _leaflet-maps.scss
//
.leaflet-map {
height: 300px;
&.leaflet-container{
z-index: 0;
font-family: $font-family-primary;
}
}

59
resources/scss/plugins/_listjs.scss vendored Executable file
View File

@@ -0,0 +1,59 @@
//
// _listjs.scss
//
.listjs-pagination{
margin-bottom: 0;
justify-content: flex-end;
gap: 8px;
li{
.page{
display: block;
padding: $pagination-padding-y $pagination-padding-x;
color: $pagination-color;
background-color: $pagination-bg;
border: $pagination-border-width solid $pagination-border-color;
border-radius: $border-radius;
}
&.active{
.page{
color: $pagination-active-color;
@include gradient-bg($pagination-active-bg);
border-color: $pagination-active-border-color;
}
}
}
}
.pagination-wrap {
user-select: none;
display: flex;
align-items: center;
a {
text-decoration: none;
display: inline-block;
}
}
.pagination-next,
.pagination-prev {
color: $primary;
font-weight: $font-weight-medium;
padding: $pagination-padding-y $pagination-padding-x;
background-color: $pagination-bg;
border: $pagination-border-width solid $pagination-border-color;
border-radius: $border-radius;
&:hover {
color: lighten($primary, 20%);
}
&.disabled {
color: $text-muted;
cursor: default;
&:hover {
color: $text-muted;
}
}
}

98
resources/scss/plugins/_multijs.scss vendored Executable file
View File

@@ -0,0 +1,98 @@
//
// _multijs.scss
//
.multi-wrapper{
border: none;
position: relative;
&::before{
content: "\ea61";
position: absolute;
font-family: "remixicon";
left: 50%;
transform: translateX(-50%);
bottom: 86px;
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
border-radius: 50%;
color: $text-muted;
background-color: var(--#{$prefix}light);
z-index: 1;
}
.non-selected-wrapper{
border: 1px solid $input-border-color;
background-color: $input-bg;
border-top-left-radius: $border-radius;
border-bottom-left-radius: $border-radius;
}
.selected-wrapper, .non-selected-wrapper{
&::-webkit-scrollbar {
-webkit-appearance: none;
}
&::-webkit-scrollbar:vertical {
width: 10px;
}
&::-webkit-scrollbar:horizontal {
height: 9px;
}
&::-webkit-scrollbar-thumb {
background-color: rgba(var(--#{$prefix}dark-rgb), .2);
border-radius: 10px;
border: 2px solid $input-bg;
}
&::-webkit-scrollbar-track {
border-radius: 10px;
background-color: $input-bg;
}
}
.item-group .group-label{
font-size: 12px;
}
.item{
color: $input-color;
&:hover{
background-color: rgba($primary, 0.1);
}
}
.selected-wrapper{
border: 1px solid $input-border-color;
background: $input-bg;
border-top-right-radius: $border-radius;
border-bottom-right-radius: $border-radius;
}
.search-input{
flex: 0 0 auto;
padding: $input-padding-y $input-padding-x;
font-family: $input-font-family;
font-size: $input-font-size;
color: $input-color;
background-color: $input-bg;
border: $input-border-width solid $input-border-color;
border-radius: $input-border-radius;
margin-bottom: 16px;
&::placeholder{
color: $input-placeholder-color;
}
}
.header{
font-weight: $font-weight-semibold;
color: var(--#{$prefix}gray-600);
}
}

232
resources/scss/plugins/_prismjs.scss vendored Executable file
View File

@@ -0,0 +1,232 @@
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: 0;
overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: var(--#{$prefix}light) !important;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: 0.1em;
border-radius: 0.3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.token.namespace {
opacity: 0.7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: $danger;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #9a6e3a;
/* This background color was intended by the author of this theme. */
background: hsla(0, 0%, 100%, 0.5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function,
.token.class-name {
color: #dd4a68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
/* Prism editor */
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: $gray-200;
}
code[class*="language-"],
pre[class*="language-"] {
color: $gray-600;
text-shadow: none;
}
// Scrollbar
.language-markup {
&::-webkit-scrollbar {
-webkit-appearance: none;
}
&::-webkit-scrollbar:vertical {
width: 10px;
}
&::-webkit-scrollbar:horizontal {
height: 10px;
}
&::-webkit-scrollbar-thumb {
background-color: rgba(var(--#{$prefix}dark-rgb), .1);
border-radius: 10px;
border: 2px solid var(--#{$prefix}light)
}
&::-webkit-scrollbar-track {
border-radius: 10px;
background-color: var(--#{$prefix}light)
}
}
// Scroll-top
#scroll-top {
width: 30px;
height: 30px;
position: fixed;
bottom: 65px;
right: 30px;
background: #343a40;
border-color: transparent;
border-radius: 3px;
color: #ffffff;
transition: all 0.5s ease;
}
// Toolbar (Copy button)
.btn-clipboard {
position: absolute !important;
right: 15px !important;
z-index: 1 !important;
}
div.code-toolbar > .toolbar {
opacity: 1 !important;
button {
display: inline-block !important;
margin: 0.375rem 0.5rem !important;
padding: 0.25rem 0.75rem !important;
transition: $btn-transition !important;
border-radius: $border-radius-sm !important;
border: $border-width solid rgba($primary, 0.35) !important;
background-color: transparent;
color: $primary !important;
box-shadow: none !important;
&:focus {
outline: none !important;
box-shadow: none !important;
}
&:hover {
background-color: $primary !important;
color: $white !important;
}
}
}

97
resources/scss/plugins/_quilljs.scss vendored Executable file
View File

@@ -0,0 +1,97 @@
//
// _quilljs.scss
//
.ql-editor {
text-align: left;
ol,
ul {
padding-left: 1.5em;
padding-right: 0;
}
li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
}
.ql-container {
font-family: $font-family-base;
&.ql-snow {
border-color: $input-border-color;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
}
.ql-bubble {
border: $input-border-width solid $input-border-color;
border-radius: $input-border-radius;
}
.ql-toolbar {
font-family: $font-family-base !important;
span {
outline: none !important;
color: var(--#{$prefix}choices-link-color);
&:hover {
color: $primary !important;
}
}
&.ql-snow {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-color: $input-border-color;
.ql-picker.ql-expanded {
.ql-picker-label {
border-color: transparent;
}
}
.ql-picker-options {
box-shadow: $dropdown-box-shadow;
border-radius: $dropdown-border-radius;
}
}
}
.ql-snow {
.ql-stroke,
.ql-script,
.ql-strike svg {
stroke: var(--#{$prefix}choices-link-color);
}
.ql-fill {
fill: var(--#{$prefix}choices-link-color);
}
.ql-picker:not(.ql-color-picker):not(.ql-icon-picker) {
svg {
right: 0;
left: auto;
}
}
.ql-picker {
&.ql-expanded .ql-picker-label {
color: var(--#{$prefix}choices-link-color);
}
}
}
.ql-snow {
.ql-picker-options {
background-color: var(--#{$prefix}choices-bg);
border-color: $dropdown-border-color !important;
}
}

282
resources/scss/plugins/_range-slider.scss vendored Executable file
View File

@@ -0,0 +1,282 @@
//
// _range-slider.scss
//
.noUi-connect{
background: $success;
}
.noUi-handle{
background: $success;
border: 2px solid var(--#{$prefix}card-bg);
box-shadow: none;
}
.noUi-horizontal{
height: 4px;
.noUi-handle{
height: 16px;
width: 16px;
border-radius: 50%;
right: -10px !important;
top: -7px;
&::before, &::after{
display: none;
}
&:focus{
outline: 0;
}
}
}
.noUi-pips-horizontal{
height: 50px;
}
// tooltip
.noUi-tooltip{
padding: $tooltip-padding-y $tooltip-padding-x;
border-color: $border-color;
border-radius: $tooltip-border-radius;
background-color: var(--#{$prefix}card-bg-custom);
color: var(--#{$prefix}body-color);
}
// Vertical Slider
.noUi-vertical{
width: 4px;
.noUi-handle{
height: 16px;
width: 16px;
right: -8px;
top: -12px;
left: auto;
border-radius: 50%;
&::before, &::after{
display: none;
}
&:focus{
outline: 0;
}
}
.noUi-origin{
top: 0;
}
}
.noUi-value{
font-size: 12px;
}
.noUi-marker-horizontal{
&.noUi-marker-large{
height: 12px;
}
}
.noUi-value-horizontal{
padding-top: 4px;
}
.noUi-target{
box-shadow: none;
background-color: var(--#{$prefix}light);
border-color: var(--#{$prefix}light);
}
.noUi-touch-area{
&:focus{
outline: 0;
}
}
// Colorpicker
#red, #green, #blue {
margin: 10px;
display: inline-block;
height: 200px;
}
#colorpicker {
height: 240px;
width: 310px;
margin: 0 auto;
padding: 10px;
border: 1px solid $border-color;
}
#result {
margin: 60px 26px;
height: 100px;
width: 100px;
display: inline-block;
vertical-align: top;
border: 1px solid $border-color;
box-shadow: 0 0 3px;
border-radius: 7px;
}
#red {
.noUi-connect {
background: $danger;
}
}
#green {
.noUi-connect {
background: $success;
}
}
#blue {
.noUi-connect {
background: $primary;
}
}
// Adding keyboard support
.form-control{
&.keyboard{
max-width: 340px !important;
}
}
// Non linear slider
.example-val{
font-size: 12px;
color: $text-muted;
display: block;
margin: 15px 0;
&:before{
content: "Value: ";
font-size: 12px;
font-weight: 600;
}
}
// showing tooltips
.noUi-tooltip {
display: none;
}
.noUi-active .noUi-tooltip {
display: block;
}
// Colored Connect Elements
.c-1-color { background: $danger; }
.c-2-color { background: $warning; }
.c-3-color { background: $success; }
.c-4-color { background: $primary; }
.c-5-color { background: $purple; }
// slider togle
#slider-toggle {
height: 50px;
&.off{
.noUi-handle{
border-color: $danger;
}
}
}
// rangeslider color
@each $color, $value in $theme-colors {
[data-slider-color="#{$color}"] {
.noUi-connect{
background: $value;
}
.noUi-handle{
background: $value;
}
&[data-slider-style="border"], &[data-slider-style="square"]{
.noUi-handle{
border-color: $value;
}
}
}
}
// rangeslider sizes
[data-slider-size="lg"]{
&.noUi-horizontal{
height: 12px;
.noUi-handle{
width: 24px;
height: 24px;
}
}
}
[data-slider-size="md"]{
&.noUi-horizontal{
height: 8px;
.noUi-handle{
width: 20px;
height: 20px;
}
}
}
[data-slider-size="sm"]{
&.noUi-horizontal{
height: 4px;
.noUi-handle{
width: 16px;
height: 16px;
}
}
}
// rangeslider style
[data-slider-style="line"]{
&.noUi-horizontal .noUi-handle{
width: 8px;
border-radius: 4px;
right: -8px;
}
&.noUi-vertical .noUi-handle{
height: 8px;
border-radius: 4px;
top: -3px;
}
}
[data-slider-style="border"]{
.noUi-handle{
border-color: $success;
background-color: $card-bg;
}
}
[data-slider-style="square"]{
.noUi-handle{
border-radius: 0px;
transform: rotate(45deg);
height: 10px;
width: 10px;
top: -4px;
border-color: $success;
background-color: $card-bg;
}
}

152
resources/scss/plugins/_select2.scss vendored Executable file
View File

@@ -0,0 +1,152 @@
//
// Select 2
//
.select2.select2-container{
width: 100% !important;
}
.select2-container {
.select2-selection--single {
border: $input-border-width solid $input-border-color;
height: $input-height;
background-color: $input-bg;
outline: none;
.select2-selection__rendered {
line-height: 36px;
padding-left: 12px;
color: $input-color;
}
.select2-selection__arrow {
height: 34px;
width: 34px;
/*rtl:ignore*/
right: 3px;
b {
border-color: $input-border-color transparent transparent transparent;
border-width: 6px 6px 0 6px;
}
}
}
}
.select2-container--open {
.select2-selection--single {
.select2-selection__arrow {
b {
border-color: transparent transparent $input-border-color transparent !important;
border-width: 0 6px 6px 6px !important;
}
}
}
}
.select2-results__option {
padding: 6px 12px;
}
.select2-dropdown {
border: $dropdown-border-width solid $dropdown-border-color;
box-shadow: $box-shadow;
background-color: var(--#{$prefix}choices-bg);
z-index: $zindex-modal + 1;
}
.select2-container--default {
.select2-results__option--selected {
background-color: $input-disabled-bg;
}
.select2-search--dropdown {
padding: 10px;
background-color: var(--#{$prefix}choices-bg);
.select2-search__field {
outline: none;
border: 1px solid $input-border-color;
background-color: $input-bg;
color: $input-color;
border-radius: $input-border-radius;
}
}
.select2-results__option--highlighted[aria-selected] {
background-color: $primary;
}
.select2-results__option[aria-selected=true] {
background-color: var(--#{$prefix}choices-bg);
color: var(--#{$prefix}choices-link-active-color);
&:hover {
background-color: $primary;
color: $white;
}
}
.select2-selection--multiple {
.select2-selection__choice__display {
padding-left: 36px;
padding-right: 5px;
}
}
.select2-selection--single {
.select2-selection__arrow {
/*rtl:ignore*/
right: 1px;
/*rtl:ignore*/
left: auto;
}
}
}
.select2-container {
.select2-selection--multiple {
min-height: $input-height;
border: $input-border-width solid $input-border-color !important;
background-color: $input-bg;
.select2-selection__rendered {
padding: 1px 4px;
}
.select2-search__field {
border: 0;
color: $input-color;
}
.select2-selection__choice {
background-color: $primary;
border: none;
color: $white;
border-radius: 3px;
padding: 3px;
margin-top: 6px;
}
.select2-selection__choice__remove {
color: $white;
margin-right: 7px;
border-color: tint-color($primary, 10%);
padding: 0 8px;
top: 3px;
&:hover {
color: $white;
background-color: $primary;
}
}
}
.select2-search--inline {
.select2-search__field {
margin-top: 7px;
font-family: $font-family-base;
}
}
.select2-search {
textarea {
&::placeholder {
color: $input-placeholder-color;
}
}
}
}
.select2-container--default{
&.select2-container--disabled {
.select2-selection--single, .select2-selection--multiple {
background-color: $input-disabled-bg;
cursor: default;
}
}
}

33
resources/scss/plugins/_sortablejs.scss vendored Executable file
View File

@@ -0,0 +1,33 @@
//
// _sortablejs.scss
//
.nested-list{
.list-group-item{
background-color: rgba($primary, 0.05);
border-color: rgba($primary, 0.05);
}
}
.nested-list, .nested-1, .nested-2, .nested-3{
margin-top: 5px;
}
.nested-sortable-handle{
.handle{
position: absolute;
left: 0;
top: 0;
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
cursor: grab;
}
.list-group-item{
padding-left: 42px;
}
}

131
resources/scss/plugins/_sweetalert2.scss vendored Executable file
View File

@@ -0,0 +1,131 @@
//
// _sweetalert2.scss
//
.swal2-container {
.swal2-title{
padding: 24px 24px 0;
font-size: 20px;
font-weight: $font-weight-medium;
}
}
.swal2-popup{
padding-bottom: 24px;
border-radius: $modal-content-border-radius;
background-color: var(--#{$prefix}card-bg-custom);
color: var(--#{$prefix}body-color);
.swal2-title{
color: var(--#{$prefix}heading-color);
}
.swal2-html-container{
color: var(--#{$prefix}body-color);
}
}
.swal2-footer{
border-top: 1px solid var(--#{$prefix}border-color);
color: var(--#{$prefix}body-color);
}
.swal2-html-container{
font-size: 16px;
}
.swal2-icon{
&.swal2-question{
border-color: $info;
color: $info;
}
&.swal2-success {
[class^=swal2-success-line]{
background-color: $success;
}
.swal2-success-ring{
border-color: rgba($success, 0.3);
}
}
&.swal2-warning{
border-color: $warning;
color: $warning;
}
}
.swal2-styled{
&:focus{
box-shadow: none;
}
}
.swal2-loader{
border-color: $primary transparent $primary transparent;
}
.swal2-timer-progress-bar{
background-color: rgba($success, 0.4);
}
.swal2-progress-steps {
.swal2-progress-step{
background: $primary;
&.swal2-active-progress-step{
background: $primary;
&~.swal2-progress-step, &~.swal2-progress-step-line{
background: rgba($primary, 0.3);
}
}
}
.swal2-progress-step-line{
background: $primary;
}
}
.swal2-actions.swal2-loading{
.swal2-styled.swal2-confirm{
border-left-color: $primary !important;
border-right-color: $primary !important;
}
}
.swal2-file, .swal2-input, .swal2-textarea{
border: 1px solid $input-border-color;
&:focus{
box-shadow: none;
border-color: $input-focus-border-color;
}
}
.swal2-input{
height: auto;
display: block;
padding: $input-padding-y $input-padding-x;
font-family: $input-font-family;
@include font-size($input-font-size);
font-weight: $input-font-weight;
line-height: $input-line-height;
color: $input-color;
background-color: $input-bg;
background-clip: padding-box;
border: $input-border-width solid $input-border-color;
}
.swal2-close{
font-family: $font-family-base;
font-weight: $font-weight-light;
font-size: 28px;
&:focus{
box-shadow: none;
}
&:hover{
color: $primary;
}
}
.swal2-validation-message{
background-color: transparent;
}

118
resources/scss/plugins/_swiper.scss vendored Executable file
View File

@@ -0,0 +1,118 @@
//
// _swiper.scss
//
.swiper-button-next, .swiper-button-prev {
height: 32px;
width: 32px;
background-color: rgba($primary, 0.2);
backdrop-filter: blur(2px);
border-radius: 8px;
&::after {
font-family: remixicon;
font-size: 28px;
color: rgba($primary, 1);
transition: all 0.3s ease;
}
}
.swiper-button-prev {
&::after {
content: "\ea64" !important;
}
}
.swiper-button-next {
&::after {
content: "\ea6e" !important;
}
}
.swiper-pagination-bullet{
width: 22px;
height: 5px;
background-color: $white;
border-radius: 50px;
box-shadow: $element-shadow;
.swiper-pagination-bullet-active{
opacity: 1;
}
}
.dynamic-pagination{
.swiper-pagination-bullet {
width: 8px;
height: 8px;
background-color: $white;
opacity: 0.5;
transition: all 0.5s ease;
&.swiper-pagination-bullet-active{
opacity: 1;
width: 20px;
}
}
}
.swiper-pagination-fraction {
color: $white;
font-size: 16px;
background-color: rgba($black, 0.3);
backdrop-filter: blur(2px);
}
.pagination-custom{
.swiper-pagination-bullet {
height: 25px;
width: 25px;
line-height: 25px;
border-radius: 8px;
background-color: $white;
opacity: 0.5;
transition: all 0.5s ease;
&.swiper-pagination-bullet-active{
color: $secondary;
opacity: 1;
}
}
}
.swiper-pagination-progressbar{
height: 6px !important;
background-color: rgba($success, 0.25);
.swiper-pagination-progressbar-fill {
background-color: $success;
}
}
.swiper-scrollbar {
background-color: rgba($white, 0.35);
backdrop-filter: blur(2px);
padding: 1.2px;
height: 6px !important;
.swiper-scrollbar-drag {
background-color: $white;
}
}
.swiper-pagination-dark {
.swiper-pagination-bullet {
background-color: $secondary;
}
.dynamic-pagination{
.swiper-pagination-bullet {
background-color: $secondary;
}
}
&.pagination-custom{
.swiper-pagination-bullet {
color: $white;
&.swiper-pagination-bullet-active{
opacity: 1;
}
}
}
&.swiper-scrollbar {
background-color: rgba($dark, 0.35);
}
}

85
resources/scss/plugins/_toastify.scss vendored Executable file
View File

@@ -0,0 +1,85 @@
//
// toastify.scss
//
.toastify {
padding: 12px 16px;
color: $white;
display: inline-block;
box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
background: $success;
position: fixed;
opacity: 0;
transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
border-radius: 2px;
cursor: pointer;
text-decoration: none;
max-width: calc(50% - 20px);
z-index: 2147483647;
&.on {
opacity: 1;
}
}
.toast-close {
opacity: 0.4;
padding: 0 5px;
position: relative;
left: 4px;
margin-left: 4px;
border: none;
background: none;
}
.toastify-right {
right: 15px;
}
.toastify-left {
left: 15px;
.toast-close {
left: -4px;
margin-left: 0;
margin-right: 4px;
}
}
.toastify-top {
top: -150px;
}
.toastify-bottom {
bottom: -150px;
}
.toastify-rounded {
border-radius: 25px;
}
.toastify-avatar {
width: 1.5em;
height: 1.5em;
margin: -7px 5px;
border-radius: 2px;
}
.toastify-center {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
max-width: fit-content;
max-width: -moz-fit-content;
}
@media only screen and (max-width: 360px) {
.toastify-right, .toastify-left {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
max-width: fit-content;
}
}

79
resources/scss/plugins/_tour.scss vendored Executable file
View File

@@ -0,0 +1,79 @@
//
// tour.scss
//
.shepherd-element{
background: var(--#{$prefix}card-bg-custom);
box-shadow: $box-shadow;
}
.shepherd-has-title{
.shepherd-content{
.shepherd-header{
background-color: var(--#{$prefix}light);
padding: $toast-padding-y $toast-padding-x;
}
.shepherd-cancel-icon{
color: rgba(var(--#{$prefix}dark-rgb), .75);
&:hover{
color: rgba(var(--#{$prefix}dark-rgb), .75);
}
}
}
}
.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{
background-color: var(--#{$prefix}light);
}
.shepherd-title{
font-size: 15px;
font-weight: $font-weight-medium;
color: var(--#{$prefix}body-color);
}
.shepherd-text{
padding: $toast-padding-x;
font-size: $font-size-base;
color: var(--#{$prefix}body-color);
}
.shepherd-button{
&.btn-success:not(:disabled):hover{
background: darken($success, 2.5%);
color: $white;
}
&.btn-light:not(:disabled):hover{
background: rgba(var(--#{$prefix}light-rgb), .75);
color: var(--#{$prefix}dark);
}
&.btn-primary:not(:disabled):hover{
background: darken($primary, 2.5%);
color: $white;
}
}
.shepherd-footer{
padding: 0 $toast-padding-x $toast-padding-x;
}
.shepherd-arrow,
.shepherd-arrow:before{
content: "\ea75";
font-family: 'remixicon';
font-size: 24px;
z-index: 1;
background-color: transparent !important;
transform: rotate(0deg);
color: $primary;
}
.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{
top: -18px;
}
.shepherd-button{
margin-right: 0.5rem;
}

23
resources/scss/plugins/_vector-maps.scss vendored Executable file
View File

@@ -0,0 +1,23 @@
//
// vector-maps.scss
//
.jvm-tooltip {
border-radius: 3px;
background-color: $primary;
font-family: $font-family-base;
box-shadow: $box-shadow-lg;
padding: 5px 9px;
}
.jvm-container {
text {
font-family: $font-family-base;
font-size: $font-size-base;
fill: var(--#{$prefix}gray-700);
}
}
.jvm-zoom-btn {
background-color: $primary;
}

5260
resources/scss/plugins/icons/_boxicons.scss vendored Executable file
View File

File diff suppressed because it is too large Load Diff

6582
resources/scss/plugins/icons/_line-awesome.scss vendored Executable file
View File

File diff suppressed because it is too large Load Diff

26654
resources/scss/plugins/icons/_materialdesignicons.scss vendored Executable file
View File

File diff suppressed because it is too large Load Diff

2333
resources/scss/plugins/icons/_remixicon.scss vendored Executable file
View File

File diff suppressed because it is too large Load Diff