Как менять стили псевдоэлемента js

Question

Хочу сделать бургер меню, сделал с помощью before и after. Как мне менять стили чтобы сделать крестик из них?
Все, уже решил как это сделать, проблема была в том что изначальный display: block; перкрывал мое свойство display: none. Пришлось добавить !important

jacob_goto · Accepted Answer

Типа такого. И это не JS, потому что в JS это бессмысленные действия.
 .menu-close {  &#10;   position: relative; &#10;   display: flex;  &#10;   justify-content: center;  &#10;   align-items: center;  &#10;   width: 50px;  &#10;   height: 50px;  &#10;}  &#10;  &#10;.menu-close:after,  &#10;.menu-close:before {  &#10;   content: '';  &#10;   position: absolute;  &#10;   width: 4px;  &#10;   height: 80%;  &#10;   border-radius: 2px;  &#10;   background-color: #333;  &#10;}  &#10;.menu-close:after {  &#10;   transform: rotate(45deg);  &#10;}  &#10;.menu-close:before {  &#10;   transform: rotate(135deg);  &#10;}

petr_alekseevich_1 · Answer

Прикладывай код в следующий раз хотя бы скрином или вообще демо на  
codepen.io
  
Так это все абстрактные описания