Server IP : 150.95.80.236 / Your IP : 3.14.134.188 Web Server : Apache System : Linux host-150-95-80-236 3.10.0-1160.105.1.el7.x86_64 #1 SMP Thu Dec 7 15:39:45 UTC 2023 x86_64 User : social-telecare ( 10000) PHP Version : 7.4.33 Disable Function : opcache_get_status MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/vhosts/pcu.in.th/uat.pcu.in.th/demo15/src/sass/components/ |
Upload File : |
// // Drawer // // Drawer .drawer { display: flex !important; overflow: auto; z-index: get($drawer, z-index); position: fixed; top: 0; bottom: 0; background-color: get($drawer, bg-color); transition: transform get($drawer, transition-speed) ease-in-out; &.drawer-start { left: 0; transform: translateX(-100%); } &.drawer-end { right: 0; transform: translateX(100%); } &.drawer-on { transform: none; box-shadow: get($drawer, box-shadow); transition: transform get($drawer, transition-speed) ease-in-out; } } // Drawer Overlay .drawer-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; z-index: get($drawer, z-index) - 1; background-color: get($drawer, overlay-bg-color); animation: animation-drawer-fade-in get($drawer, overlay-animation-speed) ease-in-out 1; } // Initial state [data-kt-drawer="true"] { display: none; } // Animation @keyframes animation-drawer-fade-in { from { opacity: 0; } to { opacity: 1; } } // Tablet & Mobile Modes @include media-breakpoint-down(lg) { body[data-kt-drawer="on"] { overflow: hidden; } }