imp : bulleted and numbered lists formatting. Second line should be i…

…ndented to the start of the text of the first line. added more space before and around. reported here : https://presscustomizr.com/release-note-for-customizr-pro-v2-0-10/comment-page-1/#comment-376859 Inspiration : http://www.456bereastreet.com/archive/201105/styling_ordered_list_numbers/ https://css-tricks.com/almanac/properties/l/list-style/ https://en.oxforddictionaries.com/punctuation/bullet-points
presscustomizr · Oct 13, 2017 · c9afd6c · c9afd6c · eri-trabiccolo · Oct 16, 2017
1 parent bb9577d
commit c9afd6c
Show file tree

Hide file tree

Showing 8 changed files with 103 additions and 23 deletions.
diff --git a/assets/front/css/_dev/style-rtl-without-bootstrap.css b/assets/front/css/_dev/style-rtl-without-bootstrap.css
diff --git a/assets/front/css/_dev/style-rtl-without-bootstrap.css.map b/assets/front/css/_dev/style-rtl-without-bootstrap.css.map
diff --git a/assets/front/css/_dev/style-without-bootstrap.css b/assets/front/css/_dev/style-without-bootstrap.css
diff --git a/assets/front/css/_dev/style-without-bootstrap.css.map b/assets/front/css/_dev/style-without-bootstrap.css.map
diff --git a/assets/front/css/rtl.css b/assets/front/css/rtl.css
diff --git a/assets/front/css/style.css b/assets/front/css/style.css
diff --git a/assets/front/css/style.min.css b/assets/front/css/style.min.css
diff --git a/assets/front/scss/0_4_layout/_content.scss b/assets/front/scss/0_4_layout/_content.scss
@@ -27,27 +27,59 @@
 
 
 //formatting
+//http://www.456bereastreet.com/archive/201105/styling_ordered_list_numbers/
+//https://css-tricks.com/almanac/properties/l/list-style/
+//https://en.oxforddictionaries.com/punctuation/bullet-points
 ol {
   counter-reset: item;
-  > li:before {
+  > li {
-    content: counters(item, ".") ".";
+    position: relative;
-    counter-increment: item;
+    padding: 0.25rem 0.5rem;
-    padding-right: .5em;
+  }
+  @if ( true == $is_rtl ) {
+    > li:before {
+      content: counters(item, ".") ".";
+      counter-increment: item;
+      margin-left: 0.5em;
+      right: -1em;
+      position: absolute;
+      width: 1em;
+    }
+  }
+  @else {
+    > li:before {
+      content: counters(item, ".") ".";
+      counter-increment: item;
+      margin-right: 0.5em;
+      left: -1em;
+      position: absolute;
+      width: 1em;
+    }
   }
 }
+ul > li { padding: 0.25rem 0.5rem; }
+
 ol, ul {
   .tc-content-inner & {
-      
+
     @if ( true == $is_rtl ) {
-      margin-right: 1em;
+      padding: 0.5rem 3rem 1rem 0;
     }
     @else {
-      margin-left: 1em;
+      padding: 0.5rem 0 1rem 3rem;;
     }
   }
   @at-root .tc-content-inner ul {
-    list-style: square inside; 
+    list-style: square outside;
   }
+
+  // @at-root .tc-content-inner ol li:before {
+  //   left: 34px;
+  //   position: absolute;
+  //   top: 2px;
+  //   counter-increment: li;
+  //   content: counter(li,decimal) ". ";
+  // }
 }
 ul.socials, ul.tags {
   .tc-content-inner & {