Rebuilds packages

build/less/definitions/views/card.less

@@ -697,3 +697,4 @@ a.ui.card:hover,
   font-size: @medium;
 }
 
+.loadUIOverrides();

build/less/definitions/views/comment.less

@@ -251,4 +251,6 @@
 }
 .ui.huge.comments {
   font-size: @huge;
-}
+}
+
+.loadUIOverrides();

build/less/definitions/views/feed.less

@@ -63,9 +63,14 @@
   text-align: @labelTextAlign;
 }
 .ui.feed > .event > .label .icon {
+  opacity: @iconLabelOpacity;
   font-size: @iconLabelSize;
   width: @iconLabelWidth;
   padding: @iconLabelPadding;
+  background: @iconLabelBackground;
+  border: @iconLabelBorder;
+  border-radius: @iconLabelBorderRadius;
+  color: @iconLabelColor;
 }
 .ui.feed > .event > .label img {
   width: @imageLabelWidth;
@@ -73,7 +78,7 @@
   border-radius: @imageLabelBorderRadius;
 }
 .ui.feed > .event > .label + .content {
-  padding: @labeledContentVerticalOffset 0em @labeledContentVerticalOffset @labeledContentHorizontalOffset;
+  padding: @labeledContentPadding;
 }
 
 /* Content */
@@ -166,13 +171,13 @@
   border-left: @extraTextPointer;
 }
 
-
 /*--------------
       Meta
 ---------------*/
 
 .ui.feed > .event > .content .meta {
   display: @metadataDisplay;
+  font-size: @metadataFontSize;
   margin: @metadataMargin;
   background: @metadataBackground;
   border: @metadataBorder;
@@ -228,4 +233,6 @@
 }
 .ui.feed {
   font-size: @medium;
-}
+}
+
+.loadUIOverrides();

build/less/definitions/views/item.less

@@ -365,3 +365,4 @@
   font-size: @medium;
 }
 
+.loadUIOverrides();

build/less/definitions/views/statistic.less

@@ -46,3 +46,5 @@
 .ui.statistic > .description {
   opacity: 0.8;
 }
+
+.loadUIOverrides();

build/less/themes/packages/default/views/feed.variables

@@ -22,15 +22,20 @@
 
 /* Event Label */
 @labelDisplay: table-cell;
-@labelWidth: 3em;
-@labelHeight: 3em;
+@labelWidth: 2.5em;
+@labelHeight: 2.5em;
 @labelVerticalAlign: top;
 @labelTextAlign: left;
 
 /* Icon Label */
+@iconLabelOpacity: 1;
 @iconLabelWidth: 100%;
 @iconLabelSize: 1.5em;
 @iconLabelPadding: 0.5em;
+@iconLabelBackground: none;
+@iconLabelBorderRadius: none;
+@iconLabelBorder: none;
+@iconLabelColor: rgba(0, 0, 0, 0.6);
 
 /* Image Label */
 @imageLabelWidth: 100%;
@@ -38,8 +43,7 @@
 @imageLabelBorderRadius: @circularRadius;
 
 /* Content w/ Label */
-@labeledContentVerticalOffset: 0.75em;
-@labeledContentHorizontalOffset: 0.75em;
+@labeledContentPadding: 0.75em 0em 0.75em 1em;
 
 /* Content */
 @contentDisplay: table-cell;
@@ -96,12 +100,13 @@
 
 /* Metadata Group */
 @metadataDisplay: inline-block;
+@metadataFontSize: 0.9em;
 @metadataMargin: 1em 0em 0em;
-@metadataBackground: @white @subtleGradient;
-@metadataBorder: 1px solid @solidBorderColor;
-@metadataBorderRadius: 0.25em;
-@metadataBoxShadow: 0 1px 1px rgba(0, 0, 0, 0.05);
-@metadataPadding: 0.5em 1em;
+@metadataBackground: none;
+@metadataBorder: none;
+@metadataBorderRadius: 0;
+@metadataBoxShadow: none;
+@metadataPadding: 0em;
 @metadataColor: rgba(0, 0, 0, 0.6);
 
 /* Metadata Divider */

build/less/themes/packages/timeline/views/feed.overrides

@@ -1,3 +1,34 @@
 /*******************************
     User Variable Overrides
 *******************************/
+
+.ui.feed > .event .label {
+  border-left: 3px solid #DDDDDD;
+}
+.ui.feed > .event:last-child .label {
+  border-left-color: transparent;
+}
+
+.ui.feed > .event > .label > img,
+.ui.feed > .event > .label > .icon {
+  background-color: #009FDA;
+  border-radius: 500rem;
+  color: #FFFFFF;
+  width: 3rem;
+  height: 3rem;
+  left: -1.6rem;
+  opacity: 1;
+  position: relative;
+}
+
+.ui.feed > .event > .content {
+  display: block;
+  border-left: 3px solid #ddd;
+  padding-bottom: 2em;
+  padding-left: 4em;
+}
+.ui.feed > .event > .label + .content {
+  display: table-cell;
+  border-left: medium none;
+  margin-left: 0;
+}

build/less/themes/packages/timeline/views/feed.variables

@@ -2,97 +2,24 @@
              Feed
 *******************************/
 
-/*-------------------
-        Feed
---------------------*/
-
-@margin: 1em;
-
 /*-------------------
       Elements
 --------------------*/
 
-/* Event */
-@eventDisplay: table;
-@eventWidth: 100%;
-@eventPadding: 0.5em 0em;
-@eventMargin: 0em;
-@eventBackground: none;
-@eventDivider: 1px solid @borderColor;
+@eventMargin: 0em 0em 0em 2em;
+@eventDivider: none;
+@eventPadding: 0em;
 
 /* Event Label */
-@labelDisplay: table-cell;
 @labelWidth: 3em;
 @labelHeight: 3em;
-@labelVerticalAlign: top;
-@labelTextAlign: left;
-
-/* Icon Label */
-@iconLabelWidth: 100%;
-@iconLabelSize: 1.5em;
-@iconLabelPadding: 0.5em;
-
-/* Image Label */
-@imageLabelWidth: 100%;
-@imageLabelHeight: auto;
-@imageLabelBorderRadius: @circularRadius;
-
-/* Content w/ Label */
-@labeledContentVerticalOffset: 0.75em;
-@labeledContentHorizontalOffset: 0.75em;
-
-/* Content */
-@contentDisplay: table-cell;
-@contentVerticalAlign: top;
-@contentTextAlign: left;
-@contentWordWrap: break-word;
-
-/* Date */
-@dateMargin: -0.4em 0em 0em;
-@dateColor: rgba(0, 0, 0, 0.6);
 
-/* Summary */
-@summaryMargin: 0em;
-@summaryFontSize: 1em;
-@summaryFontWeight: bold;
-@summaryColor: @textColor;
+@labeledContentPadding: 0.75em 0em 2em 0.75em;
 
-/* Summary Image */
-@summaryImageWidth: auto;
-@summaryImageHeight: 2em;
-@summaryImageMargin: -0.25em 0.25em 0em 0em;
-@summaryImageVerticalAlign: middle;
-@summaryImageBorderRadius: 0.25em;
-
-/* Summary Date */
-@summaryDateDisplay: inline-block;
-@summaryDateFloat: none;
-@summaryDateFontWeight: normal;
-@summaryDateFontStyle: normal;
-@summaryDateMargin: 0em;
-@summaryDatePadding: 0em;
-
-/* User */
-@userFontWeight: bold;
-@userDistance: 0em;
-@userImageWidth: @summaryImageWidth;
-@userImageHeight: @summaryImageHeight;
-@userImageMargin: @summaryImageMargin;
-@userImageVerticalAlign: @summaryImageVerticalAlign;
-
-/* Extra Summary Data */
-@extraMargin: 0.5em 0em 0em;
-@extraBackground: none;
-@extraPadding: 0em;
-@extraColor: @lightTextColor;
-
-/* Extra Images */
-@extraImageMargin: 0em 0.25em 0em 0em;
-@extraImageWidth: 6em;
-
-/* Extra Text */
-@extraTextPadding: 0.5em 1em;
-@extraTextPointer: 0.2em solid rgba(0, 0, 0, 0.1);
+/* Icon */
+@iconLabelBackground: @primaryColor;
+@iconLabelBorderRadius: @circularRadius;
+@iconLabelColor: @white;
 
 /* Metadata Group */
 @metadataDisplay: inline-block;
@@ -104,18 +31,6 @@
 @metadataPadding: 0.5em 1em;
 @metadataColor: rgba(0, 0, 0, 0.6);
 
-/* Metadata Divider */
-@metadataDivider: '|';
-@metadataDividerColor: rgba(0, 0, 0, 0.2);
-@metadataDividerOffset: -1em;
-
-@metadataActionCursor: pointer;
-@metadataActionOpacity: 1;
-@metadataActionColor: rgba(0, 0, 0, 0.5);
-@metadataActionTransition: color @transitionDuration @transitionEasing;
-
-@metadataActionHoverColor: @selectedTextColor;
-
 /*-------------------
       Variations
 --------------------*/

build/minified/definitions/views/feed.min.css

@@ -11,4 +11,4 @@
 * Released: 08/07/2014
 */
 
-.ui.feed{margin:1em}.ui.feed:first-child,.ui.feed:last-child{margin-top:0}.ui.feed>.event{display:table;width:100%;padding:.5em 0;margin:0;background:0 0;border-top:1px solid rgba(0,0,0,.1)}.ui.feed>.event:first-child{border-top:0;padding-top:0}.ui.feed>.event:last-child{padding-bottom:0}.ui.feed>.event>.label{display:table-cell;width:3em;height:3em;vertical-align:top;text-align:left}.ui.feed>.event>.label .icon{font-size:1.5em;width:100%;padding:.5em}.ui.feed>.event>.label img{width:100%;height:auto;border-radius:500rem}.ui.feed>.event>.label+.content{padding:.75em 0 .75em .75em}.ui.feed>.event>.content{display:table-cell;vertical-align:top;text-align:left;word-wrap:break-word}.ui.feed>.event>.content .date{margin:-.4em 0 0;color:rgba(0,0,0,.6)}.ui.feed>.event>.content .summary{margin:0;font-size:1em;font-weight:700;color:rgba(0,0,0,.8)}.ui.feed>.event>.content .summary img{display:inline-block;width:auto;height:2em;margin:-.25em .25em 0 0;border-radius:.25em;vertical-align:middle}.ui.feed>.event>.content .user{display:inline-block;font-weight:700;margin-right:0;vertical-align:baseline}.ui.feed>.event>.content .user img{margin:-.25em .25em 0 0;width:auto;height:2em;vertical-align:middle}.ui.feed>.event>.content .summary>.date{display:inline-block;float:none;font-weight:400;margin:0;padding:0}.ui.feed>.event>.content .extra{margin:.5em 0 0;background:0 0;padding:0;color:rgba(0,0,0,.4)}.ui.feed>.event>.content .extra.images img{display:inline-block;margin:0 .25em 0 0;width:6em}.ui.feed>.event>.content .extra.text{padding:.5em 1em;border-left:.2em solid rgba(0,0,0,.1)}.ui.feed>.event>.content .meta{display:inline-block;margin:1em 0 0;background:-webkit-linear-gradient(transparent,rgba(0,0,0,.05)) #fff;background:linear-gradient(transparent,rgba(0,0,0,.05)) #fff;border:1px solid #ddd;border-radius:.25em;box-shadow:0 1px 1px rgba(0,0,0,.05);padding:.5em 1em;color:rgba(0,0,0,.6)}.ui.feed>.event>.content .meta>*{position:relative;margin-left:1.5em}.ui.feed>.event>.content .meta>:after{content:'|';color:rgba(0,0,0,.2);left:-1em;opacity:1;position:absolute;vertical-align:top}.ui.feed>.event>.content .meta>:first-child{margin-left:0}.ui.feed>.event>.content .meta>:first-child::after{display:none}.ui.feed>.event>.content .meta a,.ui.feed>.event>.content .meta>.icon{cursor:pointer;opacity:1;color:rgba(0,0,0,.5);-webkit-transition:color .25s ease;transition:color .25s ease}.ui.feed>.event>.content .meta a:hover,.ui.feed>.event>.content .meta a:hover .icon,.ui.feed>.event>.content .meta>.icon:hover{color:rgba(0,0,0,.8)}.ui.small.feed{font-size:.9em}.ui.feed{font-size:1em}
+.ui.feed{margin:1em}.ui.feed:first-child,.ui.feed:last-child{margin-top:0}.ui.feed>.event{display:table;width:100%;padding:.5em 0;margin:0;background:0 0;border-top:1px solid rgba(0,0,0,.1)}.ui.feed>.event:first-child{border-top:0;padding-top:0}.ui.feed>.event:last-child{padding-bottom:0}.ui.feed>.event>.label{display:table-cell;width:2.5em;height:2.5em;vertical-align:top;text-align:left}.ui.feed>.event>.label .icon{opacity:1;font-size:1.5em;width:100%;padding:.5em;background:0 0;border:none;border-radius:none;color:rgba(0,0,0,.6)}.ui.feed>.event>.label img{width:100%;height:auto;border-radius:500rem}.ui.feed>.event>.label+.content{padding:.75em 0 .75em 1em}.ui.feed>.event>.content{display:table-cell;vertical-align:top;text-align:left;word-wrap:break-word}.ui.feed>.event>.content .date{margin:-.4em 0 0;color:rgba(0,0,0,.6)}.ui.feed>.event>.content .summary{margin:0;font-size:1em;font-weight:700;color:rgba(0,0,0,.8)}.ui.feed>.event>.content .summary img{display:inline-block;width:auto;height:2em;margin:-.25em .25em 0 0;border-radius:.25em;vertical-align:middle}.ui.feed>.event>.content .user{display:inline-block;font-weight:700;margin-right:0;vertical-align:baseline}.ui.feed>.event>.content .user img{margin:-.25em .25em 0 0;width:auto;height:2em;vertical-align:middle}.ui.feed>.event>.content .summary>.date{display:inline-block;float:none;font-weight:400;margin:0;padding:0}.ui.feed>.event>.content .extra{margin:.5em 0 0;background:0 0;padding:0;color:rgba(0,0,0,.4)}.ui.feed>.event>.content .extra.images img{display:inline-block;margin:0 .25em 0 0;width:6em}.ui.feed>.event>.content .extra.text{padding:.5em 1em;border-left:.2em solid rgba(0,0,0,.1)}.ui.feed>.event>.content .meta{display:inline-block;font-size:.9em;margin:1em 0 0;background:0 0;border:none;border-radius:0;box-shadow:none;padding:0;color:rgba(0,0,0,.6)}.ui.feed>.event>.content .meta>*{position:relative;margin-left:1.5em}.ui.feed>.event>.content .meta>:after{content:'|';color:rgba(0,0,0,.2);left:-1em;opacity:1;position:absolute;vertical-align:top}.ui.feed>.event>.content .meta>:first-child{margin-left:0}.ui.feed>.event>.content .meta>:first-child::after{display:none}.ui.feed>.event>.content .meta a,.ui.feed>.event>.content .meta>.icon{cursor:pointer;opacity:1;color:rgba(0,0,0,.5);-webkit-transition:color .25s ease;transition:color .25s ease}.ui.feed>.event>.content .meta a:hover,.ui.feed>.event>.content .meta a:hover .icon,.ui.feed>.event>.content .meta>.icon:hover{color:rgba(0,0,0,.8)}.ui.small.feed{font-size:.9em}.ui.feed{font-size:1em}

build/packaged/definitions/css/semantic.css

@@ -21615,12 +21615,6 @@ body.pushed.scrolling.ui.dimmable {
 /*------------------
      Load Default
 -------------------*/
-/*******************************
-             Video
-*******************************/
-/*------------------
-     Load Theme
--------------------*/
 /*******************************
          Site Settings
 *******************************/
@@ -21708,6 +21702,12 @@ body.pushed.scrolling.ui.dimmable {
 /*---  Standard  ---*/
 /*---  Emotive  ---*/
 /*---  Neutrals  ---*/
+/*******************************
+             Video
+*******************************/
+/*------------------
+     Load Theme
+-------------------*/
 /*------------------
      Load Site
 -------------------*/
@@ -22627,6 +22627,35 @@ a.ui.card:hover,
 .ui.cards > .card {
   font-size: 1em;
 }
+/*******************************
+             Item
+*******************************/
+/*-------------------
+         View
+--------------------*/
+/* Item */
+/* Item Group */
+/*-------------------
+       Content
+--------------------*/
+/* Image */
+/* Content */
+/* Title */
+/* Metadata */
+/* Description */
+/* Image */
+/* Paragraph */
+/* Additional Content */
+/*-------------------
+       States
+--------------------*/
+/*-------------------
+      Variations
+--------------------*/
+/* Sizes */
+/*******************************
+    User Variable Overrides
+*******************************/
 
 /*
  * # Semantic - Comment
@@ -23002,6 +23031,12 @@ a.ui.card:hover,
 .ui.huge.comments {
   font-size: 1.2em;
 }
+/*******************************
+           Overrides
+*******************************/
+/*******************************
+    User Variable Overrides
+*******************************/
 
 /*
  * # Semantic - Feed
@@ -23215,15 +23250,20 @@ a.ui.card:hover,
 /* Event Label */
 .ui.feed > .event > .label {
   display: table-cell;
-  width: 3em;
-  height: 3em;
+  width: 2.5em;
+  height: 2.5em;
   vertical-align: top;
   text-align: left;
 }
 .ui.feed > .event > .label .icon {
+  opacity: 1;
   font-size: 1.5em;
   width: 100%;
   padding: 0.5em;
+  background: none;
+  border: none;
+  border-radius: none;
+  color: rgba(0, 0, 0, 0.6);
 }
 .ui.feed > .event > .label img {
   width: 100%;
@@ -23231,7 +23271,7 @@ a.ui.card:hover,
   border-radius: 500rem;
 }
 .ui.feed > .event > .label + .content {
-  padding: 0.75em 0em 0.75em 0.75em;
+  padding: 0.75em 0em 0.75em 1em;
 }
 /* Content */
 .ui.feed > .event > .content {
@@ -23316,13 +23356,13 @@ a.ui.card:hover,
 ---------------*/
 .ui.feed > .event > .content .meta {
   display: inline-block;
+  font-size: 0.9em;
   margin: 1em 0em 0em;
-  background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  border: 1px solid #dddddd;
-  border-radius: 0.25em;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
-  padding: 0.5em 1em;
+  background: none;
+  border: none;
+  border-radius: 0;
+  box-shadow: none;
+  padding: 0em;
   color: rgba(0, 0, 0, 0.6);
 }
 .ui.feed > .event > .content .meta > * {
@@ -23367,6 +23407,12 @@ a.ui.card:hover,
 .ui.feed {
   font-size: 1em;
 }
+/*******************************
+           Overrides
+*******************************/
+/*******************************
+    User Variable Overrides
+*******************************/
 
 /*
  * # Semantic - Item
@@ -23839,6 +23885,12 @@ a.ui.card:hover,
 .ui.items > .item {
   font-size: 1em;
 }
+/*******************************
+           Overrides
+*******************************/
+/*******************************
+    User Variable Overrides
+*******************************/
 
 /*
  * # Semantic - List
@@ -24835,3 +24887,9 @@ ol.ui.horizontal.list li:before,
 .ui.statistic > .description {
   opacity: 0.8;
 }
+/*******************************
+           Overrides
+*******************************/
+/*******************************
+    User Variable Overrides
+*******************************/

build/uncompressed/definitions/modules/video.css

@@ -45,12 +45,6 @@
 /*------------------
      Load Default
 -------------------*/
-/*******************************
-             Video
-*******************************/
-/*------------------
-     Load Theme
--------------------*/
 /*******************************
          Site Settings
 *******************************/
@@ -138,6 +132,12 @@
 /*---  Standard  ---*/
 /*---  Emotive  ---*/
 /*---  Neutrals  ---*/
+/*******************************
+             Video
+*******************************/
+/*------------------
+     Load Theme
+-------------------*/
 /*------------------
      Load Site
 -------------------*/

build/uncompressed/definitions/views/card.css

@@ -813,3 +813,32 @@ a.ui.card:hover,
 .ui.cards > .card {
   font-size: 1em;
 }
+/*******************************
+             Item
+*******************************/
+/*-------------------
+         View
+--------------------*/
+/* Item */
+/* Item Group */
+/*-------------------
+       Content
+--------------------*/
+/* Image */
+/* Content */
+/* Title */
+/* Metadata */
+/* Description */
+/* Image */
+/* Paragraph */
+/* Additional Content */
+/*-------------------
+       States
+--------------------*/
+/*-------------------
+      Variations
+--------------------*/
+/* Sizes */
+/*******************************
+    User Variable Overrides
+*******************************/

build/uncompressed/definitions/views/comment.css

@@ -372,3 +372,9 @@
 .ui.huge.comments {
   font-size: 1.2em;
 }
+/*******************************
+           Overrides
+*******************************/
+/*******************************
+    User Variable Overrides
+*******************************/

build/uncompressed/definitions/views/feed.css

@@ -210,15 +210,20 @@
 /* Event Label */
 .ui.feed > .event > .label {
   display: table-cell;
-  width: 3em;
-  height: 3em;
+  width: 2.5em;
+  height: 2.5em;
   vertical-align: top;
   text-align: left;
 }
 .ui.feed > .event > .label .icon {
+  opacity: 1;
   font-size: 1.5em;
   width: 100%;
   padding: 0.5em;
+  background: none;
+  border: none;
+  border-radius: none;
+  color: rgba(0, 0, 0, 0.6);
 }
 .ui.feed > .event > .label img {
   width: 100%;
@@ -226,7 +231,7 @@
   border-radius: 500rem;
 }
 .ui.feed > .event > .label + .content {
-  padding: 0.75em 0em 0.75em 0.75em;
+  padding: 0.75em 0em 0.75em 1em;
 }
 /* Content */
 .ui.feed > .event > .content {
@@ -311,13 +316,13 @@
 ---------------*/
 .ui.feed > .event > .content .meta {
   display: inline-block;
+  font-size: 0.9em;
   margin: 1em 0em 0em;
-  background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  border: 1px solid #dddddd;
-  border-radius: 0.25em;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
-  padding: 0.5em 1em;
+  background: none;
+  border: none;
+  border-radius: 0;
+  box-shadow: none;
+  padding: 0em;
   color: rgba(0, 0, 0, 0.6);
 }
 .ui.feed > .event > .content .meta > * {
@@ -362,3 +367,9 @@
 .ui.feed {
   font-size: 1em;
 }
+/*******************************
+           Overrides
+*******************************/
+/*******************************
+    User Variable Overrides
+*******************************/

build/uncompressed/definitions/views/item.css

@@ -469,3 +469,9 @@
 .ui.items > .item {
   font-size: 1em;
 }
+/*******************************
+           Overrides
+*******************************/
+/*******************************
+    User Variable Overrides
+*******************************/

build/uncompressed/definitions/views/statistic.css

@@ -183,3 +183,9 @@
 .ui.statistic > .description {
   opacity: 0.8;
 }
+/*******************************
+           Overrides
+*******************************/
+/*******************************
+    User Variable Overrides
+*******************************/