fix ckeditor outer width dedup accross pages

[wfpl-cms.git] / style.styl

diff --git a/style.styl b/style.styl
index c883c70..b4754d4 100644 (file)
--- a/style.styl
+++ b/style.styl
@@ -25,6 +25,7 @@ columns = wfpl_columns({
        name: 'centerer'
        margin: 15px
        width: centerer_width
+       position: relative
        child: {
                type: 'alternatives'
                full: {
@@ -210,9 +211,10 @@ body
 ckeditor_elements_already = {}
 ckeditor(basename, element_name, body_id, width)
        // ckeditor ui, including border around wysiwyg area
-       unless element_name in ckeditor_elements_already
-               ckeditor_elements_already[element_name] = 1
-               #{basename}_body #cke_{element_name}
+       outer_selector = '#' + basename + '_body #cke_' + element_name
+       unless outer_selector in ckeditor_elements_already
+               ckeditor_elements_already[outer_selector] = 1
+               {outer_selector}
                        width: biggest_content_width + 30px
                        margin-right: -30px
        // body tag of the wysiwyg area
@@ -231,13 +233,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'])
 
-// 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
@@ -407,6 +402,11 @@ table.evenodd
 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