.list { overflow-y: auto; } .activeBtn { &:focus { border-color: black; } // 펼쳐졌을 때 &:not(.collapsed) { color: black; border-bottom: 1px solid #000000; white-space: normal; & .period { display: block; } & .time { display: none; } } // 숨겨졌을 때 &[class~="collapsed"] { border-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; & .period { display: none; } & .time { display: block; } } &::after { display: none; } } .textBox { white-space: pre-line; } .header { background-color: crimson; & .ku_tiger { width: 46px; height: 35px; } } // .flowText { // }