Where have the media queries been moved to?

1

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.

2

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

3

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.

4

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

5

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

6

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?

7

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

1 Like