'CSS - Sass : different render from codepen to vscode & sass

there is something i dont understand, i've made a codepen for a burger menu design. And it do work without problem.

CodePen

Now, when i copy paste the exact same code to vscode ( using sass ) the middle bar just do not display. And only start display when i set the size ( line 13 ) to 3rem;

Anyone have any idea about why there it doesn't work ( i even tried to put the code into a classic html css without any other extension or so, and i still dont end with the codepen result )

thanks



Solution 1:[1]

Alright solved my own issue; it was because a default box-sizing: border-box setting, while with a content-box it all work fine. ( certainly missed something because of some reset or so )

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 wootwoots