Where have the media queries been moved to?

Sorry if this has been asked already, or is a bit of a stupid question.

I was wondering where the media queries have been moved to or have they been deleted?

I don’t want to be making untidy code, this is my first time using the new setup.

Thanks in advance.

Roots itself has never used its own media queries, it has always relied on Bootstrap.

I see, I was just wondering whether it was a case of creating a new less file or adding the bootstrap media queries as they were previously in the app.less file at the bottom.

Those were simply placeholders for media queries and there is nothing preventing you from adding your own media queries in the latest Roots.

Okay thank you for the advice just wanted to make sure I wasn’t duplicating any less/css.

I tried using the class “hidden-phone” (which is a default in Bootstrap) on a div, but it doesn’t seem to be working. It looks like other classes are working though like row, col-lg-12, etc.

Has this media query functionality been removed or is there a step I’m missing?

The responsive utility classes in bootstrap have changed to better reflect the grids used.

1 Like