@axentix/vue
Version:
Vue Axentix is the Axentix integration for the VueJS framework.
2 lines (1 loc) • 5.67 kB
CSS
.form-field .form-control.custom-select[data-v-a54331d4]{display:flex;flex-wrap:wrap;align-items:center;height:auto;padding:.5rem .75rem;min-height:2.5rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20aria-hidden%3D'true'%20focusable%3D'false'%20width%3D'1.5rem'%20height%3D'1.5rem'%20style%3D'-ms-transform%3A%20rotate(360deg)%3B%20-webkit-transform%3A%20rotate(360deg)%3B%20transform%3A%20rotate(360deg)%3B'%20preserveAspectRatio%3D'xMidYMid%20meet'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M8.12%209.29L12%2013.17l3.88-3.88a.996.996%200%201%201%201.41%201.41l-4.59%204.59a.996.996%200%200%201-1.41%200L6.7%2010.7a.996.996%200%200%201%200-1.41c.39-.38%201.03-.39%201.42%200z'%20fill%3D'%23626262'%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-origin:content-box;background-position:right -.25rem center!important;color:inherit}.form-field .form-control.custom-select[disabled][data-v-a54331d4]{cursor:default!important}.form-field .form-control.custom-select.single-line[data-v-a54331d4]{white-space:nowrap;overflow-x:hidden}.form-material .form-field .form-control.custom-select[data-v-a54331d4]{padding:.5rem 0}.form-material .form-field:not(.form-default).not-valid label{color:var(--ax-form-material-color)}.form-material .form-field:not(.form-default).not-valid:after{width:var(--ax-form-material-width)}.form-select-content{box-shadow:0 5px 8px #0000001a,0 3px 8px 3px #0000001a;background-color:#fff;color:#000;border-radius:4px;position:absolute;left:0;right:0;display:none;z-index:40;transition:opacity .3s ease;max-height:18rem;overflow-y:auto}.form-select-content .form-select-item{display:flex;align-items:center;min-height:48px;position:relative;padding:1rem 1.25rem;cursor:pointer;transition:color .2s ease;will-change:color}.form-select-content .form-select-item:before{content:"";position:absolute;background-color:currentColor;opacity:0;pointer-events:none;left:0;right:0;bottom:0;top:0;transition:opacity .2s ease;will-change:opacity}.form-select-content .form-select-item.selected{color:var(--ax-form-material-color)}.form-select-content .form-select-item.disabled{color:#0000004d;cursor:default;pointer-events:none}.form-select-content .form-select-item.disabled:before{opacity:.1}.form-select-content .form-select-item:hover:before,.form-select-content .form-select-item.selected:before,.form-select-content .form-select-item:focus:before{opacity:.12}.form-select-content .form-select-item label{color:inherit;font-size:1rem;transition:none}.form-select-content .form-select-item label input{margin-right:.5rem}.form-chips{--ax-form-chips-background: #e2e2e2;--ax-form-chips-color: #000000;--ax-form-chips-closable-background: #686868;--ax-form-chips-closable-color: #ffffff;display:flex;justify-content:center;align-items:center;padding:.5rem;margin:.125rem;border-radius:20px;background-color:var(--ax-form-chips-background);color:var(--ax-form-chips-color)}.form-chips .form-chips-closable{color:var(--ax-form-chips-closable-color);position:relative;display:flex;justify-content:center;align-items:center;border-radius:50%;width:1rem;height:1rem;margin-left:.25rem;overflow:hidden;font-size:1rem;line-height:1;z-index:2;background-color:var(--ax-form-chips-closable-background);transition:opacity .2s ease}.form-chips .form-chips-closable svg{fill:currentColor;width:.6rem;height:.6rem}.form-chips .form-chips-closable:hover{opacity:.8}:root{--ax-form-autocomplete-focus: #4c9f85;--ax-form-autocomplete-focus-chips-color: #ffffff}.form-autocomplete-input{outline:none;display:flex;max-width:100%;border:none;margin-right:1rem;flex:1 1;line-height:1.3;background-color:transparent;color:inherit}.form-autocomplete-selected{margin-right:.25rem}.form-autocomplete-selected.form-autocomplete-focused{color:var(--ax-form-autocomplete-focus)}.form-autocomplete-selected.form-autocomplete-focused.form-chips{color:var(--ax-form-autocomplete-focus-chips-color);background-color:var(--ax-form-autocomplete-focus)}.datatable-progress td[data-v-782aa13d]{padding:0;border-bottom:0}.datatable-expand-arrow[data-v-782aa13d]{fill:currentColor;transition:transform .3s ease;transform:rotate(0)}.datatable-expand-arrow.datatable-expanded[data-v-782aa13d]{transform:rotate(180deg)}.datatable-head th[data-v-782aa13d]{opacity:.8;transition:opacity .2s ease}.datatable-head th.datatable-sortable[data-v-782aa13d]{cursor:pointer}.datatable-head th.datatable-sortable .datatable-icon[data-v-782aa13d]{font-size:1rem;opacity:0;transition:inherit}.datatable-head th.datatable-sortable[data-v-782aa13d]:hover{opacity:1}.datatable-head th.datatable-sortable:hover .datatable-icon[data-v-782aa13d]{opacity:.9}.datatable-footer[data-v-782aa13d]{display:flex;align-items:center;justify-content:flex-end;margin-top:1.5rem}.datatable-expanded[data-v-782aa13d]:hover{background-color:unset}.datatable-expanded td[data-v-782aa13d]{padding:1rem}.pagination{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pagination li{transition:none}.pagination .pagination-dots{margin:0 1rem}.pagination .pagination-dots:hover{background:transparent}.pagination .pagination-arrow{height:42px;font-size:1.5rem}.pagination.pagination-small .pagination-arrow{height:31px;font-size:1.2rem}.pagination.pagination-large .pagination-arrow{height:55px;font-size:2rem}.tooltiper[data-v-47375e8f]{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}