Search code examples
susy-compass

How to reset a Susy container?


What is the best method to reset a Susy grid container? I have a grid with a couple of containers under each other, like this:

+-----------------+
|   [container]   |
|   [container]   |
|   [container]   |
|                 |    
+-----------------+

Now on the front page, I want one container to be full width:

+-----------------+
|   [container]   |
|[   container   ]|
|   [container]   |
|                 |    
+-----------------+

Currently I am resetting the container like this:

body.front {
  #main {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }
}

However, seeing that Susy already contains reset mixins like reset-columns I'm wondering if this is the recommended way to do it.


Solution

  • Yes, this is right. There is no reset-container mixin currently.