Bug with global css

Beta
#1

Hi Charlie,

when i copy a css code from element to global css so i can do a global class and i wanna change the selector inside global css, the builder dies… it just do not response anymore.

thi si my element css

$el {
height: 70vh;
min-height: 600px;
}
@media (min-width: 1200px) {
$el {
max-height: 900px;
overflow: hidden;
}
}
@media (max-width: 767px) {
$el {
min-height: 0;
max-height: 400px;
overflow: hidden;
}
}

i copied that over to globalcss and tried to change the selector there.

thanks

#2

Maybe I’m missing something but I don’t think you’re supposed to use the $el part in global CSS that’s only for element CSS. But it shouldn’t make the whole thing freeze up like you mentioned.

#3

$el really can’t be used in Global CSS. What I would do instead is use body or html as the selector. Let me know if that helps and have a great day.

#4

Hi,
I know you can’t use $el in global CSS. What I mean is that as soon as I copy it from an element into global CSS – because I want to create a global CSS rule from an element’s CSS – the builder stops responding and becomes unresponsive.

This shouldn’t happen.

Thanks again! :slight_smile: