Add styles for TinyMCE

sayontan · Dec 20, 2023 · cd3e1a3 · cd3e1a3
1 parent 3ffcab2
commit cd3e1a3
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 9 deletions.
diff --git a/code/editor-style-shared.css b/code/editor-style-shared.css
@@ -0,0 +1,32 @@
+/* These styles are used in the backend editor AND in the Theme (frontend) */
+
+/* Most themes nowadays provide an extra stylesheet of classes which WordPress itself then */
+/* applies to the backend editor TinyMCE. However, custom CSS - set in Plugins, in the WP  */
+/* Customizer or in Theme options, will normally not be reflected to TinyMCE. So better to */
+/* put such styles all here, where they will apply to TinyMCE *and* the frontend.          */
+
+/* The goal is not only to make the visual editor display look as much like the frontend as    */
+/* possible, but also to make sure that all important CSS classes are available for convenient */
+/* selection in TinyMCEs "Formats" dropdown - so do not forget to configure the TinyMCE styles */
+/* dropdown with elements to match those here.                                                 */
+
+/* If you do not need this file then upload an empty one (zero bytes) which will not be loaded at all. */
+
+/* Suggested general non-tag-specific visual styles */
+
+.list       { margin: 0.35rem 0; }
+.topless    { margin-top: 0 !important; }
+.bottomless { margin-bottom: 0 !important; }
+.beforelist { margin-bottom: 0.5rem; }
+.lastitemem { margin-bottom: 0; padding-bottom: 1.3rem; }
+
+strong { font-weight: bold; }
+/* Revert to normal text within strong */
+.notstrong { font-weight: normal; }
+
+.smaller { font-size: 0.95rem; line-height: 1.25; }
+.small   { font-size: 0.89rem; line-height: 1.2; }
+
+.screen-reader-text, .dispnone { display: none; }
+
+/* Append your site-specific styles here */
diff --git a/code/editor-style.css b/code/editor-style.css
@@ -0,0 +1,19 @@
+/* These styles are used only in the backend editor */
+
+/* Here you can override any CSS which causes layout or visibility problems in the editor, */
+/* and duplicate any custom CSS to make the editor display look more like the real frontend */
+
+/* If you do not need this file then upload an empty one (zero bytes) which will not be loaded at all. */
+
+ol { 
+    list-style: decimal; 
+} 
+ol ol { 
+    list-style:lower-latin; 
+} 
+ol ol ol { 
+    list-style:lower-roman; 
+} 
+ol ol ol ol { 
+    list-style:lower-latin; 
+} 
diff --git a/dist/OLDVERSIONS.md b/dist/OLDVERSIONS.md
@@ -6,15 +6,7 @@ The [current `dist` folder](https://github.com/sayontan/suffusion/tree/master/di
 
 ## Old Versions
 
-Note that the last version officially released through WordPress was 4.4.9. The ZIP file corresponding to it has been made available in the `dist` folder (see below). 
-
-In addition, there have been two minor modifications to the code (made available as Version 4.5.0):
-
-* A correction to the code for Audio Post Formats to prevent a fatal error. Note that the error wouldn't occur if you have the Suffusion Shortcodes plugin
-
-* A small change to allow jQuery Cycle to be used if [Photonic](https://wordpress.org/plugins/photonic) is active. Photonic switched to using a different slideshow script in version 1.62
-
-Old versions from 4.4.9 to 4.5.6 are available in the [history of the `dist` folder](https://github.com/sayontan/suffusion/tree/5decf564ed8f6d5fd8f6bcfcde64ceb22bc90a25/dist). 
+The last version officially released through WordPress was 4.4.9. The ZIP file corresponding to it and other old versions have been made available in the [Suffusion Archive](https://github.com/mbtools/suffusion-archive).
 
 ## Changelog