| Index: static/scss/utilities/_layout.scss |
| =================================================================== |
| --- a/static/scss/utilities/_layout.scss |
| +++ b/static/scss/utilities/_layout.scss |
| @@ -13,24 +13,29 @@ |
| // |
| // You should have received a copy of the GNU General Public License |
| // along with website-defaults. If not, see <http://www.gnu.org/licenses/>. |
| /** |
| * Center within a responsive fixed width |
| * Use modifier classes defined in _width.scss to change said fixed width |
| */ |
| -.container |
| -{ |
| - width: $container-width; |
| + @mixin container($width: $container-width, $padding-x: $small-space) |
| + { |
| + width: $width; |
| max-width: 100%; |
| margin-right: auto; |
| margin-left: auto; |
| - padding-right: $small-space; |
| - padding-left: $small-space; |
| + padding-right: $padding-x; |
| + padding-left: $padding-x; |
| +} |
| + |
| +.container |
| +{ |
| + @include container; |
| } |
| /** Clear without collapsed margin */ |
| .clearfix:after, |
| .clearfix:before |
| { |
| display: table; |
| content: " "; |