Breakpoints/media queries

Hi, I’m using sage 8.5 and I’m trying to figure out how to use media queries in my scss files.

I’ve tried this but it’s not working:

@include media-breakpoint-up(lg) {

// css here for lg size and up

}

Also, im new to sage so if there are any recommendations on how I should be organizing my scss for mobile first please let me know.

If you’re new to Sage buy the book, I still double-check it after having done a few Sage based sites now.

@earthjibber are you requiring Bootstrap’s mixins file?

Herp derp… it should work because bootstrap is being required here: https://github.com/roots/sage/blob/223fc4811b960c1f49643a5ddb282a78fb5e5086/assets/styles/main.scss#L5

Hi @nathanielks yes I am requiring bootstrap.scss

Got it working, had my class names wrong doh!