Initial commit

This commit is contained in:
meusinfirmary
2025-04-22 14:33:37 +07:00
commit b9891d2f81
1305 changed files with 452033 additions and 0 deletions

View File

@ -0,0 +1,73 @@
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option--selectable {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
.select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
&::-webkit-search-cancel-button {
-webkit-appearance: none;
}
}
&.select2-search--hide {
display: none;
}
}

View File

@ -0,0 +1,45 @@
.select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
.select2-selection__rendered {
display: inline;
list-style: none;
padding: 0;
}
.select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em;
}
}
.select2-search--inline {
.select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
margin-left: 5px;
padding: 0;
max-width: 100%;
resize: none;
height: 18px;
vertical-align: bottom;
font-family: sans-serif;
overflow: hidden;
word-break: keep-all;
&::-webkit-search-cancel-button {
-webkit-appearance: none;
}
}
}

View File

@ -0,0 +1,36 @@
.select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none;
.select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em;
}
}
&[dir="rtl"] {
.select2-selection--single {
.select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
}
}

View File

@ -0,0 +1,50 @@
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
@import "single";
@import "multiple";
}
@import "dropdown";
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
// styles required for IE to work
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
@import "theme/default/layout";
@import "theme/classic/layout";

View File

@ -0,0 +1,13 @@
// https://github.com/twbs/bootstrap-sass/blob/3.3-stable/assets/stylesheets/bootstrap/mixins/_gradients.scss#L17-L27
// Vertical gradient, from top to bottom
//
// Creates two color stops, start and end, by specifying a color and position for each color stop.
// Color stops are not available in IE9 and below.
@mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
background-image: -o-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Opera 12
background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down
}

View File

@ -0,0 +1,34 @@
$remove-color: #888 !default;
$remove-hover-color: #555 !default;
$remove-width: 20px !default;
$selection-color: #444 !default;
$border-color: #aaa !default;
$border-radius: 4px !default;
$focus-border-color: #5897fb !default;
$container-height: 28px !default;
$selection-bg-top-color: white !default;
$selection-bg-bottom-color: #eeeeee !default;
$container-placeholder-color: #999 !default;
$container-focus-border-color: blue !default;
$selection-opened-bg-top-color: $selection-bg-bottom-color !default;
$selection-opened-bg-bottom-color: $selection-bg-top-color !default;
$dropdown-z-index: 1 !default;
$dropdown-bg-color: $selection-bg-top-color !default;
$results-max-height: 200px !default;
$results-nested-padding: 20px !default;
$results-choice-bg-hover-color: #3875d7 !default;
$results-choice-fg-hover-color: white !default;
$results-choice-fg-unselectable-color: grey !default;

View File

@ -0,0 +1,102 @@
.select2-selection--multiple {
background-color: white;
border: 1px solid $border-color;
border-radius: $border-radius;
cursor: text;
outline: 0;
padding-bottom: 5px;
padding-right: 5px;
&:focus {
border: 1px solid $focus-border-color;
}
.select2-selection__clear {
display: none;
}
.select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid $border-color;
border-radius: $border-radius;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0;
}
.select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px;
}
.select2-selection__choice__remove {
background-color: transparent;
border: none;
border-top-left-radius: $border-radius;
border-bottom-left-radius: $border-radius;
color: $remove-color;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px;
&:hover {
color: $remove-hover-color;
outline: none;
}
}
}
&[dir="rtl"] {
.select2-selection--multiple {
.select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px;
}
.select2-selection__choice__remove {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: $border-radius;
border-bottom-right-radius: $border-radius;
}
}
}
&.select2-container--open {
.select2-selection--multiple {
border: 1px solid $focus-border-color;
}
&.select2-container--above {
.select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
&.select2-container--below {
.select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
}

View File

@ -0,0 +1,125 @@
.select2-selection--single {
background-color: mix($selection-bg-top-color, $selection-bg-bottom-color);
border: 1px solid $border-color;
border-radius: $border-radius;
outline: 0;
@include gradient-vertical($selection-bg-top-color, $selection-bg-bottom-color, 50%, 100%);
&:focus {
border: 1px solid $focus-border-color;
}
.select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px;
}
.select2-selection__placeholder {
color: #999;
}
.select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid $border-color;
border-top-right-radius: $border-radius;
border-bottom-right-radius: $border-radius;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
@include gradient-vertical(#eeeeee, #cccccc, 50%, 100%);
b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
}
}
&[dir="rtl"] {
.select2-selection--single {
.select2-selection__clear {
float: left;
}
.select2-selection__arrow {
border: none;
border-right: 1px solid $border-color;
border-radius: 0;
border-top-left-radius: $border-radius;
border-bottom-left-radius: $border-radius;
left: 1px;
right: auto;
}
}
}
&.select2-container--open {
.select2-selection--single {
border: 1px solid $focus-border-color;
.select2-selection__arrow {
background: transparent;
border: none;
b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
}
}
&.select2-container--above {
.select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
@include gradient-vertical($selection-opened-bg-bottom-color, $selection-opened-bg-top-color, 0%, 50%);
}
}
&.select2-container--below {
.select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
@include gradient-vertical($selection-opened-bg-top-color, $selection-opened-bg-bottom-color, 50%, 100%);
}
}
}

View File

@ -0,0 +1,62 @@
@import "defaults";
@import "../../mixins/gradients";
.select2-container--classic {
@import "single";
@import "multiple";
.select2-search--dropdown {
.select2-search__field {
border: 1px solid $border-color;
outline: 0;
}
}
.select2-search--inline {
.select2-search__field {
outline: 0;
box-shadow: none;
}
}
.select2-dropdown {
background-color: $dropdown-bg-color;
border: 1px solid transparent;
}
.select2-dropdown--above {
border-bottom: none;
}
.select2-dropdown--below {
border-top: none;
}
.select2-results > .select2-results__options {
max-height: $results-max-height;
overflow-y: auto;
}
.select2-results__option--group {
padding: 0;
}
.select2-results__option--disabled {
color: $results-choice-fg-unselectable-color;
}
.select2-results__option--highlighted.select2-results__option--selectable {
background-color: $results-choice-bg-hover-color;
color: $results-choice-fg-hover-color;
}
.select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
&.select2-container--open .select2-dropdown {
border-color: $focus-border-color;
}
}

View File

@ -0,0 +1,131 @@
.select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
padding-bottom: 5px;
padding-right: 5px;
position: relative;
&.select2-selection--clearable {
padding-right: 25px;
}
.select2-selection__clear {
cursor: pointer;
font-weight: bold;
height: 20px;
margin-right: 10px;
margin-top: 5px;
position: absolute;
right: 0;
// This padding is to account for the bottom border for the first
// selection row and the top border of the second selection row.
// Without it, selections on the first row may be offset incorrectly
// and appear in their own row instead of going to the second row
padding: 1px;
}
.select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0;
padding-left: 20px;
position: relative;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
white-space: nowrap;
}
.select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px;
}
.select2-selection__choice__remove {
background-color: transparent;
border: none;
border-right: 1px solid #aaa;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #999;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px;
position: absolute;
left: 0;
top: 0;
&:hover, &:focus {
background-color: #f1f1f1;
color: #333;
outline: none;
}
}
}
&[dir="rtl"] {
.select2-selection--multiple {
.select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px;
}
.select2-selection__choice__remove {
border-left: 1px solid #aaa;
border-right: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.select2-selection__clear {
float: left;
margin-left: 10px;
margin-right: auto;
}
}
}
&.select2-container--focus {
.select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
}
&.select2-container--disabled {
.select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-selection__choice__remove {
display: none;
}
}

View File

@ -0,0 +1,86 @@
.select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
.select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px;
padding-right: 0px;
}
.select2-selection__placeholder {
color: #999;
}
.select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
}
}
&[dir="rtl"] {
.select2-selection--single {
.select2-selection__clear {
float: left;
}
.select2-selection__arrow {
left: 1px;
right: auto;
}
}
}
&.select2-container--disabled {
.select2-selection--single {
background-color: #eee;
cursor: default;
.select2-selection__clear {
display: none;
}
}
}
&.select2-container--open {
.select2-selection--single {
.select2-selection__arrow {
b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
}
}
}

View File

@ -0,0 +1,97 @@
.select2-container--default {
@import "single";
@import "multiple";
&.select2-container--open.select2-container--above {
.select2-selection--single, .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
&.select2-container--open.select2-container--below {
.select2-selection--single, .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
.select2-search--dropdown {
.select2-search__field {
border: 1px solid #aaa;
}
}
.select2-search--inline {
.select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
}
.select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-results__option {
.select2-results__option {
padding-left: 1em;
.select2-results__group {
padding-left: 0;
}
.select2-results__option {
margin-left: -1em;
padding-left: 2em;
.select2-results__option {
margin-left: -2em;
padding-left: 3em;
.select2-results__option {
margin-left: -3em;
padding-left: 4em;
.select2-results__option {
margin-left: -4em;
padding-left: 5em;
.select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
}
}
}
}
}
}
.select2-results__option--group {
padding: 0;
}
.select2-results__option--disabled {
color: #999;
}
.select2-results__option--selected {
background-color: #ddd;
}
.select2-results__option--highlighted.select2-results__option--selectable {
background-color: #5897fb;
color: white;
}
.select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
}