применить стили media query по отношению ширины родителя

Есть ситуация, на сайте при нажатии на кнопку появляется сайдбар .sidebar шириной, скажем, 30%, при этом часть контента .content должна стать 70% вместо 100%. Так вот, как мне применить стили, которые прописаны в media query для ширины 70% ?

По сути мне нужно чтобы содержимое .content подстроилось под его ширину так же, как оно это сделало бы при такой же ширине viewport.