center when big, code cleanup

diff --git a/style.styl b/style.styl
index c883c70..9e99de0 100644 (file)
--- a/style.styl
+++ b/style.styl
@@ -25,6 +25,7 @@ columns = wfpl_columns({
        name: 'centerer'
        margin: 15px
        width: centerer_width
        name: 'centerer'
        margin: 15px
        width: centerer_width

+       position: relative

        child: {
                type: 'alternatives'
                full: {
        child: {
                type: 'alternatives'
                full: {

@@ -231,13 +232,6 @@ ckeditor('admin_pages', 'content', 'content_with_sidebar_main', columns['widths'
 ckeditor('admin_pages', 'sidebar_content', 'content_with_sidebar_sidebar_plain', columns['widths']['.centerer.with_sidebar > .sidebar.plain'])
 ckeditor('admin_pages', 'sidebar_content', 'content_with_sidebar_sidebar_bordered', columns['widths']['.centerer.with_sidebar > .sidebar.bordered'])
 
 ckeditor('admin_pages', 'sidebar_content', 'content_with_sidebar_sidebar_plain', columns['widths']['.centerer.with_sidebar > .sidebar.plain'])
 ckeditor('admin_pages', 'sidebar_content', 'content_with_sidebar_sidebar_bordered', columns['widths']['.centerer.with_sidebar > .sidebar.bordered'])
 

-// outermost div for centering, shadow, etc
-#centerer
-       position: relative
-       background: content_bg
-       padding: site_padding
-       margin: 0 auto
-

 body > .centerer > .nav
        padding-bottom: 20px
        ul
 body > .centerer > .nav
        padding-bottom: 20px
        ul

@@ -407,6 +401,11 @@ table.evenodd
 for selector, css in columns.css
        body > {selector}
                {css}
 for selector, css in columns.css
        body > {selector}
                {css}

+
+// center when big
+body > .centerer
+       margin: 0 auto
+

 @media screen and (max-width: (columns.width))
        // output responsive css from column calculations
        for selector, css in columns.responsive_css
 @media screen and (max-width: (columns.width))
        // output responsive css from column calculations
        for selector, css in columns.responsive_css