socialite.brannanatkinson.com

upload mass deface mass delete console info server
name : vue-select.css
 .v-select {
	@apply rounded min-w-0 relative font-sans;

    [dir='rtl'] & {
        direction: rtl;
    }
}

.vs__fade-enter-active,
.vs__fade-leave-active {
	/* transition: opacity .15s cubic-bezier(1, .5, .8, 1) */
}

.vs__fade-enter,
.vs__fade-leave-to {
	opacity: 0
}

.vs--disabled .vs__clear,
.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__open-indicator,
.vs--disabled .vs__search,
.vs--disabled .vs__selected {
	cursor: not-allowed !important;
}

.vs--disabled .vs__dropdown-toggle {
	@apply bg-gray-200 dark:bg-dark-550;
}

.v-select[dir=rtl] .vs__actions {
	padding: 0 3px 0 6px
}

.v-select[dir=rtl] .vs__clear {
	margin-left: 6px;
	margin-right: 0
}

.v-select[dir=rtl] .vs__deselect {
	margin-left: 0;
	margin-right: 2px
}

.v-select[dir=rtl] .vs__dropdown-menu {
	text-align: right
}

.vs__dropdown-toggle {
	@apply appearance-none text-gray-800  w-full p-0 rounded flex items-center bg-gray-100 shadow-inner border border-gray-500;
    @apply dark:text-dark-150 dark:bg-dark-650 dark:border-dark-900 dark:shadow-inner-dark;
    height: 2.375rem;
    transition: border-color .15s ease-in-out,
                box-shadow .15s ease-in-out;

    &:focus-within {
        @apply ring-2;
    }

	.vs--disabled & {
		@apply bg-gray-200;
	}
}

.vs__selected-options {
    @apply min-w-0;
}

.vs__selected-options-outside .hidden-outside {
    display: none;
}

.v-select .vs__selected-options {
	@apply appearance-none text-gray-800 dark:text-dark-150 text-sm;
    @apply flex basis-1 grow rounded-s relative h-full py-1 rtl:pr-2 ltr:pl-2 leading-normal;
	width: calc(100% - 32px);

    transition: border-color .15s ease-in-out,
				box-shadow .15s ease-in-out;
}

.vs--single .vs__selected-options {
	padding: 8px 12px !important;
}

.vs--single.vs--unsearchable .vs__selected-options {
	@apply clickable;
    @apply flex flex-1 rounded-s relative h-full border-0;
	width: calc(100% - 34px);
}

.vs__actions {
    @apply flex items-center rounded-e;
    height: 2.375rem;
}

.vs--searchable .vs__dropdown-toggle {
	cursor: text
}

.vs--unsearchable .vs__dropdown-toggle {
	cursor: pointer
}

.vs__open-indicator {
	@apply clickable;
    @apply flex items-center rounded-e px-2 text-sm shrink-0 h-full border-e-0 bg-clip-padding dark:border-dark-800;
	/* height: 2.375rem; */
}

.vs__open-indicator svg {
	@apply flex items-center text-gray-900 dark:text-dark-100 relative w-4 h-4;
	transform: translateY(1px) scale(1);
	transition: -webkit-transform .15s cubic-bezier(1, -.115, .975, .855);
	transition: transform .15s cubic-bezier(1, -.115, .975, .855);
	transition: transform .15s cubic-bezier(1, -.115, .975, .855), -webkit-transform .15s cubic-bezier(1, -.115, .975, .855);
	transition-timing-function: cubic-bezier(1, -.115, .975, .855)
}

.vs--open .vs__open-indicator svg {
	-webkit-transform: rotate(180deg) scale(1);
	transform: rotate(180deg) scale(1) translateY(0px);
}

.vs--loading .vs__open-indicator {
	opacity: 0
}

.vs__clear {
	@apply text-gray-900 dark:text-dark-100 rtl:pl-2 ltr:pr-2 rtl:pr-px ltr:pl-px rtl:@xs:pr-2 ltr:@xs:pl-2 cursor-pointer text-base bg-transparent shadow-none;
	&:hover {
		@apply text-blue;
	}
}

.vs__dropdown-menu {
	@apply block absolute z-top m-0 w-full;
	@apply bg-white dark:bg-dark-550 flex flex-col shadow-popover dark:shadow-dark-popover block p-4 rounded-md rtl:text-right ltr:text-left;
	top: 46px;
	padding: 0;
	max-height: 350px;
	min-width: 160px;
	overflow-y: auto;
	@apply ltr:text-left rtl:text-right;
	list-style: none;

    .v-select & {
        @apply ltr:left-0 rtl:right-0;
    }
}

.vs__no-options {
	text-align: center
}

.vs__dropdown-option {
    @apply block text-sm text-gray-800 dark:text-dark-100 cursor-pointer;
	padding: 6px 12px;
}

.vs__dropdown-option--highlight {
    @apply bg-gray-300 dark:bg-dark-blue-200;
}

.vs__dropdown-option--selected {
	opacity: .25;
	cursor: text;
}

.v-select:not(.vs--single) .vs__selected {
	@apply clickable;
	@apply flex items-center text-sm rounded py-0 px-2 rtl:ml-2 ltr:mr-2;

    &.sortable-item { @apply !cursor-grab; }

    &.invalid {
        @apply border-red-300 dark:border-dark-red bg-red-100 dark:bg-red-400 text-red-500 dark:text-red-950;
        background-image: none;

        .vs__deselect { @apply text-red-500 dark:text-red-950 }
    }
}

.vs__deselect {
	@apply flex items-center cursor-pointer text-gray-600 dark:text-dark-175 rtl:mr-1 ltr:ml-1 p-0 outline-none;

	&:hover {
		@apply text-gray-700 dark:text-dark-100;
	}

	&:focus {
		@apply outline-none;
	}

	span {
        @apply text-md shrink-0 font-normal;
	}
}

.vs--single .vs__selected {
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	background-color: transparent;
	border-color: transparent;
	padding: 0;
	margin: 0;
}

.vs--single.vs--open .vs__selected {
	opacity: .75;
}

.vs--single.vs--searching .vs__selected {
	display: none
}

.vs__search::-ms-clear,
.vs__search::-webkit-search-cancel-button,
.vs__search::-webkit-search-decoration,
.vs__search::-webkit-search-results-button,
.vs__search::-webkit-search-results-decoration {
	display: none
}

.vs__search,
.vs__search:focus {
	@apply appearance-none text-sm text-gray-800 dark:text-dark-150 rtl:pl-2 ltr:pr-2 border-transparent outline-none m-0 p-0 bg-transparent max-w-full;
	line-height: 1.4;
	border-left: none;
	box-shadow: none;
    flex-grow: 1;
    width: 0;
}

.vs--open .vs__search {
}

.vs__search::placeholder {
	@apply text-gray-600;
}

.vs--unsearchable .vs__search {
	opacity: 1
}

.vs--unsearchable .vs__search:hover {
	cursor: pointer
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
	opacity: .2
}

.vs__spinner {
	align-self: center;
	opacity: 0;
	font-size: 5px;
	text-indent: -9999em;
	overflow: hidden;
	border: .9em solid hsla(0, 0%, 39.2%, .1);
	border-left-color: rgba(60, 60, 60, .45);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: vSelectSpinner 1.1s linear infinite;
	animation: vSelectSpinner 1.1s linear infinite;
	transition: opacity .1s
}

.vs__spinner,
.vs__spinner:after {
	border-radius: 50%;
	width: 5em;
	height: 5em
}

.vs--loading .vs__spinner {
	opacity: 1
}

/* Animation */
@-webkit-keyframes vSelectSpinner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes vSelectSpinner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}
UnknownSec Shell
