[IMP] website(_blog): remove "Style" (blog-style) snippet option

The "bigger text" option was an useless option as redundant with the
summernote editor one.

The "narrow" option always resulted in an ugly layout with bugs in
many contexts.

Note: the styling classes are kept for compatibility for now.

+ Adapt demo data of website_blog which rely on the "narrow" option.
Use up to date snippets with reduced column width to get the same
result.

1 files changed, 28 insertions, 21 deletions

diff --git a/addons/website/static/src/less/website.wrapwrap.less b/addons/website/static/src/less/website.wrapwrap.less
index 02a0e89d07f..a130087d37f 100644
--- a/addons/website/static/src/less/website.wrapwrap.less
+++ b/addons/website/static/src/less/website.wrapwrap.less
@@ -5,7 +5,7 @@
     table-layout: fixed;
     width: 100%;
     height: 100%;
-    
+
     > * {
         display: table-row;
     }
@@ -37,21 +37,9 @@ footer {
 }
 
 // Odoo options classes
-.para_large {
-    font-size: 120%;
-}
+
 .jumbotron {
     margin-bottom: 0;
-    .para_large p {
-        font-size: 150%;
-    }
-}
-
-.readable {
-    font-size: 120%;
-    max-width: 700px;
-    margin-left: auto;
-    margin-right: auto;
 }
 
 // Odoo image background classes
@@ -77,7 +65,7 @@ footer {
     }
 }
 
-//  Background (kept for 8.0 compatibility)
+//  Background (kept for 8.0 compatibility) (! some are still used by website_blog)
 .oe_dark {
     background-color: rgba(200, 200, 200, 0.14);
 }
@@ -220,12 +208,10 @@ hr {
     max-width: 100%;
 }
 // container inside container
-.container, .readable {
-    .container {
-        padding-left: 0;
-        padding-right: 0;
-        width: auto;
-    }
+.container .container {
+    padding-left: 0;
+    padding-right: 0;
+    width: auto;
 }
 
 // HEADER NAV BAR
@@ -291,3 +277,24 @@ ul.nav-stacked > li > a {
 .oe_search_box {
     padding-right: 23px;
 }
+
+// Kept for (up to) saas-12 compatibility
+.para_large {
+    font-size: 120%;
+}
+.jumbotron .para_large p {
+    font-size: 150%;
+}
+
+.readable {
+    font-size: 120%;
+    max-width: 700px;
+    margin-left: auto;
+    margin-right: auto;
+
+    .container {
+        padding-left: 0;
+        padding-right: 0;
+        width: auto;
+    }
+}