various-ui/styles/modal-aside.css

This is a test version of the Vue 3 component library

.ui-modal-aside{--uioption-modal-aside-icon-color:var(--uicolor-font-1);--uioption-modal-aside-box-shadow:var(--uicolor-box-shadow);--uioption-modal-aside-background-color:var(--uicolor-font-6);--uioption-modal-aside-active-icon-color:var(--uicolor-main-color)}.ui-modal-aside{position:fixed;overflow:hidden;background-color:var(--uicolor-full-mask)}.ui-modal-aside>.ui-modal-container{overflow:auto;position:absolute;box-shadow:var(--uioption-modal-aside-box-shadow);background-color:var(--uioption-modal-aside-background-color)}.ui-modal-aside>.ui-modal-container .ui-modal-close{background-color:#fff;text-align:right;position:sticky;padding:16px 16px 0 0;top:0}.ui-modal-aside>.ui-modal-container .ui-modal-close .ui-icon{transition:all .3s;cursor:pointer;color:var(--uioption-modal-aside-icon-color)}.ui-modal-aside>.ui-modal-container .ui-modal-close .ui-icon:hover{color:var(--uioption-modal-aside-active-icon-color)}