123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- // Sidebar navigation menu
- .nav-sidebar {
- // All levels
- .nav-item {
- width: 100%;
- > .nav-link {
- margin-bottom: .2rem;
- .right {
- @include transition(transform $transition-fn $transition-speed);
- transform: none #{"/*rtl:rotate(-180deg)*/"};
- }
- }
- &:not(.menu-open) .nav-treeview {
- display: none;
- }
- }
- // All levels
- .nav-link > .right,
- .nav-link > p > .right {
- position: absolute;
- right: 1rem;
- top: .7rem;
- }
- .nav-link {
- position: relative;
- width: 100%;
- p {
- display: inline;
- padding-left: .5rem;
- margin: 0;
- }
- .nav-icon {
- padding-left: .3rem;
- }
- }
- .nav-header {
- font-size: .9rem;
- padding: $nav-link-padding-y ($nav-link-padding-y * 1.5);
- }
- // Tree view menu
- .nav-treeview {
- // display: none;
- list-style: none;
- padding: 0;
- }
- .menu-open,
- .menu-is-opening {
- > .nav-link {
- svg.right,
- i.right {
- transform: rotate(-90deg) #{"/*rtl:rotate(-90deg)*/"};
- }
- }
- }
- }
|