Adds justified to header, segment, grid

11 years ago · ddaff6065d
4 changed files with 16156 additions and 8 deletions
--- a/.docpad.db
+++ b/.docpad.db
--- a/src/collections/grid.less
+++ b/src/collections/grid.less
@ -462,15 +462,15 @@ body > .ui.grid {
  text-align: right;
 }

-.ui.justify.grid,
-.ui.justify.grid > .row > .column,
-.ui.justify.grid > .column,
-.ui.grid .justify.column,
-.ui.grid > .justify.row > .column {
+.ui.justified.grid,
+.ui.justified.grid > .row > .column,
+.ui.justified.grid > .column,
+.ui.grid .justified.column,
+.ui.grid > .justified.row > .column {
  text-align: justify;
+  hyphens: auto;
 }

-
 /*----------------------
  Vertically Centered
 -----------------------*/
--- a/src/elements/header.less
+++ b/src/elements/header.less
@ -263,9 +263,14 @@ h5.ui.header {
 .ui.center.aligned.header {
  text-align: center;
 }
-.ui.justify.header {
+.ui.justified.header {
  text-align: justify;
 }
+.ui.justified.header:after {
+  display: inline-block;
+  content: '';
+  width: 100%;
+}

 /*-------------------
       Floated
--- a/src/elements/segment.less
+++ b/src/elements/segment.less
@ -373,8 +373,9 @@
 .ui.center.aligned.segment {
  text-align: center;
 }
-.ui.justify.aligned.segment {
+.ui.justified.segment {
  text-align: justify;
+  hyphens: auto;
 }

 /*-------------------