Discussion on: Create A Dark/Light Mode Switch with CSS Variables

[MrCaspan]

Hey just found a simple error in your CSS

.theme-switch-wrapper {
display: flex;
align-items: center;

em {
margin-left: 10px;
font-size: 1rem;
}
}

You have a nested selector here, this does not work in CSS only SCSS

so to fix it I just broke out the one selector to be on its own and not nested one!

.theme-switch-wrapper {
display: flex;
align-items: center;
}

.theme-switch-wrapper em {
margin-left: 10px;
font-size: 1rem;
}

[Andrew Burch]

Hold up, it worked for me! And I was using CSS. 🤔