.text-size { .btn { line-height: 0; } } .accordion-title{ position: relative; padding-left: 30px; &:after { content: ""; position: absolute; left: 0px; transition: all 0.2s ease-in-out; display: block; width: 8px; height: 8px; border-top: solid 2px #858C94; border-right: solid 2px #858C94; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 45%; } &.collapsed:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 38%; } } // edit sidemenu & tabmenu @include media-breakpoint-down(md) { .side-navi { overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display:none; } ul { margin: 0; padding: 0; list-style: none; display: flex; li { margin: 0; padding: 0; margin-right: 3px; background-color: map-get($globalColor,light); border-radius: 5px 5px 0 0; &.active { background-color: white; border: 1px solid map-get($globalColor,lightgray); border-bottom: none; } a { display: block; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 3px 7px; text-decoration: none; color: map-get($globalColor,gray); font-weight: bold; font-size: 0.9rem; } } } } } @include media-breakpoint-up(lg) { // side navi .side-navi { ul { margin: 0; padding: 0; list-style: none; li { margin: 0; padding: 0; border-left:2px solid map-get($globalColor,lightgray); padding: 5px 0; a { display: block; color: map-get($globalColor,gray); padding: 0 10px; text-decoration: none; font-weight: bold; } &.active { a { color: map-get($globalColor,primary); border-left:4px solid map-get($globalColor,primary); margin-left: -2px; } } } } } }