���ѧۧݧ�ӧ�� �ާ֧ߧ֧էا֧� - ���֧էѧܧ�ڧ��ӧѧ�� - /var/www/dev-kft.petruch.de/css/Navbar.scss
���ѧ٧ѧ�
nav{ background: #fb36da; width: 20%; max-width: 250px; transition: 300ms all ease-out; &.hidden{ max-width: 55px; .logo{ max-width: 0; } .logo-wrapper{ button.toggle{ transform: rotateY(180deg); } } ul a{ padding: 10px; span.text{ max-width: 0; } span.icon{ margin-left: 4px; color: var(--color-low-3); } } } .logo-wrapper{ display: flex; justify-content: space-between; align-items: center; padding: 20px; .logo{ line-height: 0; max-width: 180px; overflow: hidden; } button.toggle{ color: var(--color-low-3); font-size: 24px; line-height: 0; border: 0; background: none; padding: 0; display: flex; align-items: center; transition: 300ms all ease-out !important; &:hover{ color: var(--color-low-2); } &:active{ color: var(--color-low); } } } ul{ list-style: none; a{ color: var(--color-low-3); padding: 10px 20px; display: flex; align-items: center; &:hover{ background: var(--color-primary-2); } &.active{ background: var(--color-primary-3); } span{ transition: 300ms all ease-out; } span.text{ max-width: 180px; overflow: hidden; } span.icon{ color: var(--color-low); display: block; width: 24px; margin-right: 10px; line-height: 0; font-size: 20px; } } } }
| ver. 1.4 |
Github
|
.
| PHP 8.3.33 | ���֧ߧ֧�ѧ�ڧ� ����ѧߧڧ��: 0 |
proxy
|
phpinfo
|
���ѧ����ۧܧ�