vue-lib-components/dist/vue-lib-components.css

Contains Vue 3 components that are used quite often. At the moment it is a test version (however, the current components can be used), but in the near future new features will be improved and new components will be added.

.ui-accordion[data-v-8bc91b40]{padding:4px 8px;border-radius:4px;border:1px solid;margin:4px 0}.ui-accordion__title[data-v-8bc91b40]{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ui-accordion__disabled[data-v-8bc91b40]{cursor:not-allowed}.ui-accordion__box-icon[data-v-8bc91b40],.ui-accordion__chevron[data-v-8bc91b40]{display:flex;justify-content:center;align-items:center}.ui-accordion__chevron[data-v-8bc91b40]:after{content:" ";display:inline-block;border-bottom:1px solid black;border-right:1px solid black;height:8px;width:8px;transform:rotate(45deg);transition:.2s linear}.ui-accordion__chevron--open[data-v-8bc91b40]:after{transform:rotate(225deg)}.ui-accordion__body[data-v-8bc91b40]{margin-top:8px}.ui-button[data-v-dfd16da5]{border-radius:4px;border:1px solid black;background:#fff;color:#000;cursor:pointer;padding:4px}.ui-button[data-v-dfd16da5]:not([disabled]):hover{opacity:.6}.ui-button[data-v-dfd16da5]:not([disabled]):active{background:wheat}.ui-button__disabled[data-v-dfd16da5]{background:gray;cursor:not-allowed}.ui-button__full-width[data-v-dfd16da5]{width:100%}.ui-input[data-v-9d5c8e66]{margin:8px 0 12px;position:relative;width:100%}.ui-input__text[data-v-9d5c8e66]{position:absolute;top:10px;left:0;color:#000;transition:top .2s}.ui-input__text--focus[data-v-9d5c8e66]{top:-8px;margin-bottom:32px}.ui-input__bottom[data-v-9d5c8e66]{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:8px}.ui-input__bottom .ui-input__hint[data-v-9d5c8e66]{max-height:16px;overflow:hidden;text-overflow:ellipsis;max-width:80%;flex-grow:1;white-space:nowrap}.ui-input__field[data-v-9d5c8e66]{border:none;border-bottom:1px solid black;width:100%;padding:10px 0;color:#000;background-color:#fff}.ui-input__field--error[data-v-9d5c8e66]{color:red;border-bottom:1px solid red}.ui-input__field[data-v-9d5c8e66]:focus{outline:none}.ui-input__field[data-v-9d5c8e66]:disabled{cursor:not-allowed;color:#000}.ui-input-icon[data-v-9d5c8e66]{position:absolute;z-index:1;color:#000;cursor:pointer;font-size:20px;top:10px;right:2px}.ui-input__error[data-v-9d5c8e66]{margin-top:8px}.ui-input__maxlength[data-v-9d5c8e66]{text-align:right;color:#000}.ui-input__error[data-v-9d5c8e66]{color:red}.ui-input__hint[data-v-9d5c8e66]{color:#000}.ui-select[data-v-fe3a36a2]{width:100%;margin-bottom:16px}.ui-select__label[data-v-fe3a36a2]{color:#fff}.ui-select__container[data-v-fe3a36a2]{padding-top:2px;position:relative}.ui-select__field[data-v-fe3a36a2]{width:100%;border:none;border-bottom:1px solid black;color:#000;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-bottom:10px}.ui-select__field.--error[data-v-fe3a36a2]{color:red;border-bottom:1px solid red}.ui-select__field.--not-selected[data-v-fe3a36a2]{color:gray}.ui-select__field[data-v-fe3a36a2]:focus{outline:none}.ui-select__icon[data-v-fe3a36a2]{position:absolute;right:5px;bottom:20px;font-size:20px;color:gray}.ui-select__error[data-v-fe3a36a2],.ui-select__hint[data-v-fe3a36a2]{margin-top:8px}.ui-select__error[data-v-fe3a36a2]{color:red}.ui-select__hint[data-v-fe3a36a2]{color:#fff}.ui-checkbox[data-v-d307a83d]{position:relative;min-height:24px}.ui-checkbox__label[data-v-d307a83d]{width:calc(100% - 34px);display:block;position:relative;padding-left:34px;margin-bottom:12px;-webkit-user-select:none;user-select:none}.ui-checkbox__input[data-v-d307a83d]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.ui-checkbox__input:checked~.ui-checkbox__checkmark[data-v-d307a83d]{border:2px solid blue}.ui-checkbox__input:checked~.ui-checkbox__checkmark[data-v-d307a83d]:after{display:block}.ui-checkbox__checkmark[data-v-d307a83d]{position:absolute;top:0;left:0;height:24px;width:24px;background-color:#fff;border:2px solid grey;border-radius:4px}.ui-checkbox__checkmark[data-v-d307a83d]:after{content:"";position:absolute;display:none;left:5px;top:0;width:10px;height:17px;border:solid blue;border-width:0 2px 2px 0;transform:rotate(34deg)}.ui-checkbox__checkmark_disabled[data-v-d307a83d]{background-color:gray;border:2px solid grey!important;cursor:not-allowed}.ui-checkbox__checkmark_disabled[data-v-d307a83d]:after{border:solid grey;border-width:0 2px 2px 0}.ui-tabs__header[data-v-35a8f9cd]{height:38px;border-radius:13px;background-color:wheat;display:inline-flex;align-items:center;padding:4px 6px;align-self:flex-start}@media (max-width: 767px){.ui-tabs__header[data-v-35a8f9cd]{height:52px;padding:6px;align-self:normal}}.ui-tabs__tab[data-v-35a8f9cd]{display:flex;justify-content:center;align-items:center;height:100%;border-radius:10px;padding:0 10px;cursor:pointer;transition:background-color .3s ease}@media (max-width: 767px){.ui-tabs__tab[data-v-35a8f9cd]{width:100%}}.ui-tabs__tab--active[data-v-35a8f9cd]{background-color:#d3d3d3;box-shadow:0 2px 4px #00000021}.ui-tabs__input[data-v-35a8f9cd]{display:none}.ui-tabs__content[data-v-35a8f9cd]{padding:16px}.ui-skeleton[data-v-02f01480]{display:inline-block;width:100%;height:1em;position:relative;overflow:hidden;background-color:gray;margin:4px 0;border-radius:4px}.ui-skeleton[data-v-02f01480]:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer-02f01480 4s infinite;content:""}@keyframes shimmer-02f01480{to{transform:translate(100%)}}