CSS / Media Queries

Ideas
1

I like Bootstrap studio, but I think they way you add Media Queries for each element is pretty hard to manage and messy.

Is there way around this, e.g. have 1 media query with more than one css element?

Example: @media (max-width:767px) { body { background:blue; } }

@media (max-width:767px) { h1 { color:blue; } }

Could be: @media (max-width:767px) { body { background:blue; } h1 { color:blue; } }

2

This is what CSS mass actions are for. But I don't know how to use them nor do I know whether they are implemented already.

3

Anyone have an answer to this?