Browse Source

Varia: Adds support for left, center and right aligned lists.

Allan Cole 5 years ago
parent
commit
3c32baefc5
3 changed files with 29 additions and 0 deletions
  1. 9 0
      varia/sass/blocks/list/_style.scss
  2. 9 0
      varia/style-rtl.css
  3. 11 0
      varia/style.css

+ 9 - 0
varia/sass/blocks/list/_style.scss

@@ -3,6 +3,15 @@ ol {
 	@include font-family( map-deep-get($config-list, "font", "family") );
 	margin: 0;
 	padding-left: #{2 * map-deep-get($config-global, "spacing", "horizontal")};
+
+	&.aligncenter {
+		list-style-position: inside;
+	}
+
+	&.alignright {
+		list-style-position: inside;
+		text-align: right;
+	}
 }
 
 ul {

+ 9 - 0
varia/style-rtl.css

@@ -1956,6 +1956,15 @@ ul {
 	list-style-type: disc;
 }
 
+ul.aligncenter {
+	list-style-position: inside;
+}
+
+ul.alignright {
+	list-style-position: inside;
+	text-align: left;
+}
+
 ol {
 	list-style-type: decimal;
 }

+ 11 - 0
varia/style.css

@@ -1952,6 +1952,17 @@ ol {
 	padding-left: 32px;
 }
 
+ul.aligncenter,
+ol.aligncenter {
+	list-style-position: inside;
+}
+
+ul.alignright,
+ol.alignright {
+	list-style-position: inside;
+	text-align: right;
+}
+
 ul {
 	list-style-type: disc;
 }