Menu icon Foundation
Set max-width per individual page?

Is it possible to use a mixin to set the max-width larger for a single page? We're working on a page concept that would effectively have a max page width of 125rem, and I'm looking for a way to change the page width for only that page without having to create a duplicate app.scss file.

page widthmixin

Is it possible to use a mixin to set the max-width larger for a single page? We're working on a page concept that would effectively have a max page width of 125rem, and I'm looking for a way to change the page width for only that page without having to create a duplicate app.scss file.

Monk almost 5 years ago

I think I figured out how to do this for my purposes. Basically I'm just setting the containing row max-width to whatever maximum size I want for the spcific utilization:

<div class="row" style="max-width:100rem;">

This also allows me to do custom max widths within the same page. Awesome.