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: " "; |