%PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY
Server IP : 49.231.201.246 / Your IP : 216.73.216.149 Web Server : Apache/2.4.18 (Ubuntu) System : Linux 246 4.4.0-210-generic #242-Ubuntu SMP Fri Apr 16 09:57:56 UTC 2021 x86_64 User : root ( 0) PHP Version : 7.0.33-0ubuntu0.16.04.16 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,pcntl_exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/water/frontend/web/assets/d9e10a69/build/scss/mixins/ |
Upload File : |
// // Mixins: Sidebar // // Sidebar Color @mixin sidebar-color($color) { .nav-sidebar > .nav-item { & > .nav-link.active { background-color: $color; color: color-yiq($color); } } .nav-sidebar.nav-legacy > .nav-item { & > .nav-link.active { border-color: $color; } } } // Sidebar Mini Breakpoints @mixin sidebar-mini-breakpoint() { // A fix for text overflow while transitioning from sidebar mini to full sidebar .nav-sidebar, .nav-sidebar > .nav-header, .nav-sidebar .nav-link { white-space: nowrap; overflow: hidden; } // When the sidebar is collapsed... &.sidebar-collapse { .d-hidden-mini { display: none; } // Apply the new margins to the main content and footer .content-wrapper, .main-footer, .main-header { margin-left: $sidebar-mini-width !important; } // Make the sidebar headers .nav-sidebar .nav-header { display: none; } .nav-sidebar .nav-link p { width: 0; } .sidebar .user-panel > .info, .nav-sidebar .nav-link p, .brand-text { margin-left: -10px; animation-name: fadeOut; animation-duration: $transition-speed; animation-fill-mode: both; visibility: hidden; } .logo-xl { animation-name: fadeOut; animation-duration: $transition-speed; animation-fill-mode: both; visibility: hidden; } .logo-xs { display: inline-block; animation-name: fadeIn; animation-duration: $transition-speed; animation-fill-mode: both; visibility: visible; } // Modify the sidebar to shrink instead of disappearing .main-sidebar { overflow-x: hidden; &, &::before { // Don't go away! Just shrink margin-left: 0; width: $sidebar-mini-width; } .user-panel { .image { float: none; } } &:hover, &.sidebar-focused { width: $sidebar-width; .brand-link { width: $sidebar-width; } .user-panel { text-align: left; .image { float: left; } } .user-panel > .info, .nav-sidebar .nav-link p, .brand-text, .logo-xl { display: inline-block; margin-left: 0; animation-name: fadeIn; animation-duration: $transition-speed; animation-fill-mode: both; visibility: visible; } .logo-xs { animation-name: fadeOut; animation-duration: $transition-speed; animation-fill-mode: both; visibility: hidden; } .brand-image { margin-right: .5rem; } // Make the sidebar links, menus, labels, badges // and angle icons disappear .sidebar-form, .user-panel > .info { display: block !important; -webkit-transform: translateZ(0); } .nav-sidebar > .nav-item > .nav-link > span { display: inline-block !important; } } } // Make an element visible only when sidebar mini is active .visible-sidebar-mini { display: block !important; } &.layout-fixed { .main-sidebar:hover { .brand-link { width: $sidebar-width; } } .brand-link { width: $sidebar-mini-width; } } } }