You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@senssoft.apache.org by ar...@apache.org on 2016/10/21 16:12:30 UTC
[37/48] incubator-senssoft-tap git commit: Cherry pick front end
bundle
http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/blob/db97ec6f/semantic/src/definitions/elements/list.less
----------------------------------------------------------------------
diff --git a/semantic/src/definitions/elements/list.less b/semantic/src/definitions/elements/list.less
new file mode 100755
index 0000000..b9c9cf4
--- /dev/null
+++ b/semantic/src/definitions/elements/list.less
@@ -0,0 +1,951 @@
+/*!
+ * # Semantic UI - List
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Theme
+*******************************/
+
+@type : 'element';
+@element : 'list';
+
+@import (multiple) '../../theme.config';
+
+/*******************************
+ List
+*******************************/
+
+ul.ui.list,
+ol.ui.list,
+.ui.list {
+ list-style-type: @listStyleType;
+ margin: @margin;
+ padding: @verticalPadding @horizontalPadding;
+}
+
+ul.ui.list:first-child,
+ol.ui.list:first-child,
+.ui.list:first-child {
+ margin-top: 0em;
+ padding-top: 0em;
+}
+
+ul.ui.list:last-child,
+ol.ui.list:last-child,
+.ui.list:last-child {
+ margin-bottom: 0em;
+ padding-bottom: 0em;
+}
+
+/*******************************
+ Content
+*******************************/
+
+/* List Item */
+ul.ui.list li,
+ol.ui.list li,
+.ui.list > .item,
+.ui.list .list > .item {
+ display: list-item;
+ table-layout: fixed;
+ list-style-type: @listStyleType;
+ list-style-position: @listStylePosition;
+
+ padding: @itemPadding;
+ line-height: @itemLineHeight;
+}
+
+ul.ui.list > li:first-child:after,
+ol.ui.list > li:first-child:after,
+.ui.list > .list > .item,
+.ui.list > .item:after {
+ content: '';
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+
+ul.ui.list li:first-child,
+ol.ui.list li:first-child,
+.ui.list .list > .item:first-child,
+.ui.list > .item:first-child {
+ padding-top: 0em;
+}
+ul.ui.list li:last-child,
+ol.ui.list li:last-child,
+.ui.list .list > .item:last-child,
+.ui.list > .item:last-child {
+ padding-bottom: 0em;
+}
+
+/* Child List */
+ul.ui.list ul,
+ol.ui.list ol,
+.ui.list .list {
+ clear: both;
+ margin: 0em;
+ padding: @childListPadding;
+}
+
+/* Child Item */
+ul.ui.list ul li,
+ol.ui.list ol li,
+.ui.list .list > .item {
+ padding: @childItemPadding;
+ line-height: @childItemLineHeight;
+}
+
+
+/* Icon */
+.ui.list .list > .item > i.icon,
+.ui.list > .item > i.icon {
+ display: table-cell;
+ margin: 0em;
+ padding-top: @iconOffset;
+ padding-right: @iconDistance;
+ vertical-align: @iconContentVerticalAlign;
+ transition: @iconTransition;
+}
+.ui.list .list > .item > i.icon:only-child,
+.ui.list > .item > i.icon:only-child {
+ display: inline-block;
+ vertical-align: @iconVerticalAlign;
+}
+
+
+/* Image */
+.ui.list .list > .item > .image,
+.ui.list > .item > .image {
+ display: table-cell;
+ background-color: transparent;
+ margin: 0em;
+ vertical-align: @imageAlign;
+}
+.ui.list .list > .item > .image:not(:only-child):not(img),
+.ui.list > .item > .image:not(:only-child):not(img) {
+ padding-right: @imageDistance;
+}
+.ui.list .list > .item > .image img,
+.ui.list > .item > .image img {
+ vertical-align: @imageAlign;
+}
+
+.ui.list .list > .item > img.image,
+.ui.list .list > .item > .image:only-child,
+.ui.list > .item > img.image,
+.ui.list > .item > .image:only-child {
+ display: inline-block;
+}
+
+/* Content */
+.ui.list .list > .item > .content,
+.ui.list > .item > .content {
+ line-height: @contentLineHeight;
+}
+.ui.list .list > .item > .image + .content,
+.ui.list .list > .item > .icon + .content,
+.ui.list > .item > .image + .content,
+.ui.list > .item > .icon + .content {
+ display: table-cell;
+ padding: 0em 0em 0em @contentDistance;
+ vertical-align: @contentVerticalAlign;
+}
+.ui.list .list > .item > img.image + .content,
+.ui.list > .item > img.image + .content {
+ display: inline-block;
+}
+.ui.list .list > .item > .content > .list,
+.ui.list > .item > .content > .list {
+ margin-left: 0em;
+ padding-left: 0em;
+}
+
+/* Header */
+.ui.list .list > .item .header,
+.ui.list > .item .header {
+ display: block;
+ margin: 0em;
+ font-family: @itemHeaderFontFamily;
+ font-weight: @itemHeaderFontWeight;
+ color: @itemHeaderColor;
+}
+
+/* Description */
+.ui.list .list > .item .description,
+.ui.list > .item .description {
+ display: block;
+ color: @itemDescriptionColor;
+}
+
+/* Child Link */
+.ui.list > .item a,
+.ui.list .list > .item a {
+ cursor: pointer;
+}
+
+/* Linking Item */
+.ui.list .list > a.item,
+.ui.list > a.item {
+ cursor: pointer;
+ color: @itemLinkColor;
+}
+.ui.list .list > a.item:hover,
+.ui.list > a.item:hover {
+ color: @itemLinkHoverColor;
+}
+
+/* Linked Item Icons */
+.ui.list .list > a.item i.icon,
+.ui.list > a.item i.icon {
+ color: @itemLinkIconColor;
+}
+
+/* Header Link */
+.ui.list .list > .item a.header,
+.ui.list > .item a.header {
+ cursor: pointer;
+ color: @itemHeaderLinkColor !important;
+}
+.ui.list .list > .item a.header:hover,
+.ui.list > .item a.header:hover {
+ color: @itemHeaderLinkHoverColor !important;
+}
+
+/* Floated Content */
+.ui[class*="left floated"].list {
+ float: left;
+}
+.ui[class*="right floated"].list {
+ float: right;
+}
+
+.ui.list .list > .item [class*="left floated"],
+.ui.list > .item [class*="left floated"] {
+ float: left;
+ margin: @leftFloatMargin;
+}
+.ui.list .list > .item [class*="right floated"],
+.ui.list > .item [class*="right floated"] {
+ float: right;
+ margin: @rightFloatMargin;
+}
+
+/*******************************
+ Coupling
+*******************************/
+
+.ui.menu .ui.list > .item,
+.ui.menu .ui.list .list > .item {
+ display: list-item;
+ table-layout: fixed;
+ background-color: transparent;
+
+ list-style-type: @listStyleType;
+ list-style-position: @listStylePosition;
+
+ padding: @itemVerticalPadding @itemHorizontalPadding;
+ line-height: @itemLineHeight;
+}
+.ui.menu .ui.list .list > .item:before,
+.ui.menu .ui.list > .item:before {
+ border: none;
+ background: none;
+}
+.ui.menu .ui.list .list > .item:first-child,
+.ui.menu .ui.list > .item:first-child {
+ padding-top: 0em;
+}
+.ui.menu .ui.list .list > .item:last-child,
+.ui.menu .ui.list > .item:last-child {
+ padding-bottom: 0em;
+}
+
+
+/*******************************
+ Types
+*******************************/
+
+/*-------------------
+ Horizontal
+--------------------*/
+
+.ui.horizontal.list {
+ display: inline-block;
+ font-size: 0em;
+}
+.ui.horizontal.list > .item {
+ display: inline-block;
+ margin-left: @horizontalSpacing;
+ font-size: 1rem;
+}
+.ui.horizontal.list:not(.celled) > .item:first-child {
+ margin-left: 0em !important;
+ padding-left: 0em !important;
+}
+.ui.horizontal.list .list {
+ padding-left: 0em;
+ padding-bottom: 0em;
+}
+
+.ui.horizontal.list > .item > .image,
+.ui.horizontal.list .list > .item > .image,
+.ui.horizontal.list > .item > .icon,
+.ui.horizontal.list .list > .item > .icon,
+.ui.horizontal.list > .item > .content,
+.ui.horizontal.list .list > .item > .content {
+ vertical-align: @horizontalVerticalAlign;
+}
+
+/* Padding on all elements */
+.ui.horizontal.list > .item:first-child,
+.ui.horizontal.list > .item:last-child {
+ padding-top: @itemVerticalPadding;
+ padding-bottom: @itemVerticalPadding;
+}
+
+/* Horizontal List */
+.ui.horizontal.list > .item > i.icon {
+ margin: 0em;
+ padding: 0em @horizontalIconDistance 0em 0em;
+}
+.ui.horizontal.list > .item > .icon,
+.ui.horizontal.list > .item > .icon + .content {
+ float: none;
+ display: inline-block;
+}
+
+
+/*******************************
+ States
+*******************************/
+
+/*-------------------
+ Disabled
+--------------------*/
+
+.ui.list .list > .disabled.item,
+.ui.list > .disabled.item {
+ pointer-events: none;
+ color: @disabledColor !important;
+}
+.ui.inverted.list .list > .disabled.item,
+.ui.inverted.list > .disabled.item {
+ color: @invertedDisabledColor !important;
+}
+
+/*-------------------
+ Hover
+--------------------*/
+
+.ui.list .list > a.item:hover .icon,
+.ui.list > a.item:hover .icon {
+ color: @itemLinkIconHoverColor;
+}
+
+
+/*******************************
+ Variations
+*******************************/
+
+/*-------------------
+ Inverted
+--------------------*/
+
+.ui.inverted.list .list > a.item > .icon,
+.ui.inverted.list > a.item > .icon {
+ color: @invertedIconLinkColor;
+}
+.ui.inverted.list .list > .item .header,
+.ui.inverted.list > .item .header {
+ color: @invertedHeaderColor;
+}
+.ui.inverted.list .list > .item .description,
+.ui.inverted.list > .item .description {
+ color: @invertedDescriptionColor;
+}
+
+/* Item Link */
+.ui.inverted.list .list > a.item,
+.ui.inverted.list > a.item {
+ cursor: pointer;
+ color: @invertedItemLinkColor;
+}
+.ui.inverted.list .list > a.item:hover,
+.ui.inverted.list > a.item:hover {
+ color: @invertedItemLinkHoverColor;
+}
+
+
+/* Linking Content */
+.ui.inverted.list .item a:not(.ui) {
+ color: @invertedItemLinkColor !important;
+}
+.ui.inverted.list .item a:not(.ui):hover {
+ color: @invertedItemLinkHoverColor !important;
+}
+
+/*-------------------
+ Aligned
+--------------------*/
+
+.ui.list[class*="top aligned"] .image,
+.ui.list[class*="top aligned"] .content,
+.ui.list [class*="top aligned"] {
+ vertical-align: top !important;
+}
+.ui.list[class*="middle aligned"] .image,
+.ui.list[class*="middle aligned"] .content,
+.ui.list [class*="middle aligned"] {
+ vertical-align: middle !important;
+}
+.ui.list[class*="bottom aligned"] .image,
+.ui.list[class*="bottom aligned"] .content,
+.ui.list [class*="bottom aligned"] {
+ vertical-align: bottom !important;
+}
+
+/*-------------------
+ Link
+--------------------*/
+
+.ui.link.list .item,
+.ui.link.list a.item,
+.ui.link.list .item a:not(.ui) {
+ color: @linkListItemColor;
+ transition: @linkListTransition;
+}
+.ui.link.list a.item:hover,
+.ui.link.list .item a:not(.ui):hover {
+ color: @linkListItemHoverColor;
+}
+.ui.link.list a.item:active,
+.ui.link.list .item a:not(.ui):active {
+ color: @linkListItemDownColor;
+}
+.ui.link.list .active.item,
+.ui.link.list .active.item a:not(.ui) {
+ color: @linkListItemActiveColor;
+}
+
+/* Inverted */
+.ui.inverted.link.list .item,
+.ui.inverted.link.list a.item,
+.ui.inverted.link.list .item a:not(.ui) {
+ color: @invertedLinkListItemColor;
+}
+.ui.inverted.link.list a.item:hover,
+.ui.inverted.link.list .item a:not(.ui):hover {
+ color: @invertedLinkListItemHoverColor;
+}
+.ui.inverted.link.list a.item:active,
+.ui.inverted.link.list .item a:not(.ui):active {
+ color: @invertedLinkListItemDownColor;
+}
+.ui.inverted.link.list a.active.item,
+.ui.inverted.link.list .active.item a:not(.ui) {
+ color: @invertedLinkListItemActiveColor;
+}
+
+/*-------------------
+ Selection
+--------------------*/
+
+.ui.selection.list .list > .item,
+.ui.selection.list > .item {
+ cursor: pointer;
+ background: @selectionListBackground;
+ padding: @selectionListItemVerticalPadding @selectionListItemHorizontalPadding;
+ margin: @selectionListItemMargin;
+ color: @selectionListColor;
+ border-radius: @selectionListItemBorderRadius;
+ transition: @selectionListTransition;
+}
+.ui.selection.list .list > .item:last-child,
+.ui.selection.list > .item:last-child {
+ margin-bottom: 0em;
+}
+.ui.selection.list.list > .item:hover,
+.ui.selection.list > .item:hover {
+ background: @selectionListHoverBackground;
+ color: @selectionListHoverColor;
+}
+.ui.selection.list .list > .item:active,
+.ui.selection.list > .item:active {
+ background: @selectionListDownBackground;
+ color: @selectionListDownColor;
+}
+.ui.selection.list .list > .item.active,
+.ui.selection.list > .item.active {
+ background: @selectionListActiveBackground;
+ color: @selectionListActiveColor;
+}
+
+/* Inverted */
+.ui.inverted.selection.list > .item,
+.ui.inverted.selection.list > .item {
+ background: @invertedSelectionListBackground;
+ color: @invertedSelectionListColor;
+}
+.ui.inverted.selection.list > .item:hover,
+.ui.inverted.selection.list > .item:hover {
+ background: @invertedSelectionListHoverBackground;
+ color: @invertedSelectionListHoverColor;
+}
+.ui.inverted.selection.list > .item:active,
+.ui.inverted.selection.list > .item:active {
+ background: @invertedSelectionListDownBackground;
+ color: @invertedSelectionListDownColor;
+}
+.ui.inverted.selection.list > .item.active,
+.ui.inverted.selection.list > .item.active {
+ background: @invertedSelectionListActiveBackground;
+ color: @invertedSelectionListActiveColor;
+}
+
+/* Celled / Divided Selection List */
+.ui.celled.selection.list .list > .item,
+.ui.divided.selection.list .list > .item,
+.ui.celled.selection.list > .item,
+.ui.divided.selection.list > .item {
+ border-radius: 0em;
+}
+
+/*-------------------
+ Animated
+--------------------*/
+
+.ui.animated.list > .item {
+ transition: @animatedListTransition;
+}
+.ui.animated.list:not(.horizontal) > .item:hover {
+ padding-left: @animatedListIndent;
+}
+
+/*-------------------
+ Fitted
+--------------------*/
+.ui.fitted.list:not(.selection) .list > .item,
+.ui.fitted.list:not(.selection) > .item {
+ padding-left: 0em;
+ padding-right: 0em;
+}
+.ui.fitted.selection.list .list > .item,
+.ui.fitted.selection.list > .item {
+ margin-left: -@selectionListItemHorizontalPadding;
+ margin-right: -@selectionListItemHorizontalPadding;
+}
+
+/*-------------------
+ Bulleted
+--------------------*/
+
+ul.ui.list,
+.ui.bulleted.list {
+ margin-left: @bulletDistance;
+}
+ul.ui.list li,
+.ui.bulleted.list .list > .item,
+.ui.bulleted.list > .item {
+ position: relative;
+}
+ul.ui.list li:before,
+.ui.bulleted.list .list > .item:before,
+.ui.bulleted.list > .item:before {
+ user-select: none;
+ pointer-events: none;
+ position: absolute;
+ top: auto;
+ left: auto;
+ font-weight: normal;
+ margin-left: @bulletOffset;
+ content: @bulletCharacter;
+ opacity: @bulletOpacity;
+ color: @bulletColor;
+ vertical-align: @bulletVerticalAlign;
+}
+
+ul.ui.list li:before,
+.ui.bulleted.list .list > a.item:before,
+.ui.bulleted.list > a.item:before {
+ color: @bulletLinkColor;
+}
+
+ul.ui.list ul,
+.ui.bulleted.list .list {
+ padding-left: @bulletChildDistance;
+}
+
+/* Horizontal Bulleted */
+ul.ui.horizontal.bulleted.list,
+.ui.horizontal.bulleted.list {
+ margin-left: 0em;
+}
+ul.ui.horizontal.bulleted.list li,
+.ui.horizontal.bulleted.list > .item {
+ margin-left: @horizontalBulletSpacing;
+}
+ul.ui.horizontal.bulleted.list li:first-child,
+.ui.horizontal.bulleted.list > .item:first-child {
+ margin-left: 0em;
+}
+ul.ui.horizontal.bulleted.list li::before,
+.ui.horizontal.bulleted.list > .item::before {
+ color: @horizontalBulletColor;
+}
+ul.ui.horizontal.bulleted.list li:first-child::before,
+.ui.horizontal.bulleted.list > .item:first-child::before {
+ display: none;
+}
+
+/*-------------------
+ Ordered
+--------------------*/
+
+ol.ui.list,
+.ui.ordered.list,
+.ui.ordered.list .list,
+ol.ui.list ol {
+ counter-reset: ordered;
+ margin-left: @orderedCountDistance;
+ list-style-type: none;
+}
+ol.ui.list li,
+.ui.ordered.list .list > .item,
+.ui.ordered.list > .item {
+ list-style-type: none;
+ position: relative;
+}
+ol.ui.list li:before,
+.ui.ordered.list .list > .item:before,
+.ui.ordered.list > .item:before {
+ position: absolute;
+ top: auto;
+ left: auto;
+ user-select: none;
+ pointer-events: none;
+ margin-left: -(@orderedCountDistance);
+ counter-increment: @orderedCountName;
+ content: @orderedCountContent;
+ text-align: @orderedCountTextAlign;
+ color: @orderedCountColor;
+ vertical-align: @orderedCountVerticalAlign;
+ opacity: @orderedCountOpacity;
+}
+
+ol.ui.inverted.list li:before,
+.ui.ordered.inverted.list .list > .item:before,
+.ui.ordered.inverted.list > .item:before {
+ color: @orderedInvertedCountColor;
+}
+
+/* Value */
+.ui.ordered.list > .list > .item[data-value],
+.ui.ordered.list > .item[data-value] {
+ content: attr(data-value);
+}
+ol.ui.list li[value]:before {
+ content: attr(value);
+}
+
+/* Child Lists */
+ol.ui.list ol,
+.ui.ordered.list .list {
+ margin-left: @orderedChildCountDistance;
+}
+ol.ui.list ol li:before,
+.ui.ordered.list .list > .item:before {
+ margin-left: @orderedChildCountOffset;
+}
+
+/* Horizontal Ordered */
+ol.ui.horizontal.list,
+.ui.ordered.horizontal.list {
+ margin-left: 0em;
+}
+ol.ui.horizontal.list li:before,
+.ui.ordered.horizontal.list .list > .item:before,
+.ui.ordered.horizontal.list > .item:before {
+ position: static;
+ margin: 0em @horizontalOrderedCountDistance 0em 0em;
+}
+
+/*-------------------
+ Divided
+--------------------*/
+
+.ui.divided.list > .item {
+ border-top: @dividedBorder;
+}
+.ui.divided.list .list > .item {
+ border-top: @dividedChildListBorder;
+}
+.ui.divided.list .item .list > .item {
+ border-top: @dividedChildItemBorder;
+}
+.ui.divided.list .list > .item:first-child,
+.ui.divided.list > .item:first-child {
+ border-top: none;
+}
+
+/* Sub Menu */
+.ui.divided.list:not(.horizontal) .list > .item:first-child {
+ border-top-width: @dividedBorderWidth;
+}
+
+/* Divided bulleted */
+.ui.divided.bulleted.list:not(.horizontal),
+.ui.divided.bulleted.list .list {
+ margin-left: 0em;
+ padding-left: 0em;
+}
+.ui.divided.bulleted.list > .item:not(.horizontal) {
+ padding-left: @bulletDistance;
+}
+
+/* Divided Ordered */
+.ui.divided.ordered.list {
+ margin-left: 0em;
+}
+.ui.divided.ordered.list .list > .item,
+.ui.divided.ordered.list > .item {
+ padding-left: @orderedCountDistance;
+}
+.ui.divided.ordered.list .item .list {
+ margin-left: 0em;
+ margin-right: 0em;
+ padding-bottom: @itemVerticalPadding;
+}
+.ui.divided.ordered.list .item .list > .item {
+ padding-left: @orderedChildCountDistance;
+}
+
+/* Divided Selection */
+.ui.divided.selection.list .list > .item,
+.ui.divided.selection.list > .item {
+ margin: 0em;
+ border-radius: 0em;
+}
+
+/* Divided horizontal */
+.ui.divided.horizontal.list {
+ margin-left: 0em;
+}
+.ui.divided.horizontal.list > .item:not(:first-child) {
+ padding-left: @horizontalDividedSpacing;
+}
+.ui.divided.horizontal.list > .item:not(:last-child) {
+ padding-right: @horizontalDividedSpacing;
+}
+.ui.divided.horizontal.list > .item {
+ border-top: none;
+ border-left: @dividedBorder;
+ margin: 0em;
+ line-height: @horizontalDividedLineHeight;
+}
+.ui.horizontal.divided.list > .item:first-child {
+ border-left: none;
+}
+/* Inverted */
+.ui.divided.inverted.list > .item,
+.ui.divided.inverted.list > .list,
+.ui.divided.inverted.horizontal.list > .item {
+ border-color: @dividedInvertedBorderColor;
+}
+
+
+/*-------------------
+ Celled
+--------------------*/
+
+.ui.celled.list > .item,
+.ui.celled.list > .list {
+ border-top: @celledBorder;
+ padding-left: @celledHorizontalPadding;
+ padding-right: @celledHorizontalPadding;
+}
+.ui.celled.list > .item:last-child {
+ border-bottom: @celledBorder;
+}
+
+/* Padding on all elements */
+.ui.celled.list > .item:first-child,
+.ui.celled.list > .item:last-child {
+ padding-top: @itemVerticalPadding;
+ padding-bottom: @itemVerticalPadding;
+}
+
+/* Sub Menu */
+.ui.celled.list .item .list > .item {
+ border-width: 0px;
+}
+.ui.celled.list .list > .item:first-child {
+ border-top-width: 0px;
+}
+
+/* Celled Bulleted */
+.ui.celled.bulleted.list {
+ margin-left: 0em;
+}
+.ui.celled.bulleted.list .list > .item,
+.ui.celled.bulleted.list > .item {
+ padding-left: (@bulletDistance);
+}
+.ui.celled.bulleted.list .item .list {
+ margin-left: -(@bulletDistance);
+ margin-right: -(@bulletDistance);
+ padding-bottom: @itemVerticalPadding;
+}
+
+/* Celled Ordered */
+.ui.celled.ordered.list {
+ margin-left: 0em;
+}
+.ui.celled.ordered.list .list > .item,
+.ui.celled.ordered.list > .item {
+ padding-left: @orderedCountDistance;
+}
+.ui.celled.ordered.list .item .list {
+ margin-left: 0em;
+ margin-right: 0em;
+ padding-bottom: @itemVerticalPadding;
+}
+.ui.celled.ordered.list .list > .item {
+ padding-left: @orderedChildCountDistance;
+}
+
+/* Celled Horizontal */
+.ui.horizontal.celled.list {
+ margin-left: 0em;
+}
+.ui.horizontal.celled.list .list > .item,
+.ui.horizontal.celled.list > .item {
+ border-top: none;
+ border-left: @celledBorder;
+ margin: 0em;
+ padding-left: @horizontalCelledSpacing;
+ padding-right: @horizontalCelledSpacing;
+
+ line-height: @horizontalCelledLineHeight;
+}
+.ui.horizontal.celled.list .list > .item:last-child,
+.ui.horizontal.celled.list > .item:last-child {
+ border-bottom: none;
+ border-right: @celledBorder;
+}
+
+/* Inverted */
+.ui.celled.inverted.list > .item,
+.ui.celled.inverted.list > .list {
+ border-color: @celledInvertedBorder;
+}
+.ui.celled.inverted.horizontal.list .list > .item,
+.ui.celled.inverted.horizontal.list > .item {
+ border-color: @celledInvertedBorder;
+}
+
+/*-------------------
+ Relaxed
+--------------------*/
+
+.ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
+ padding-top: @relaxedItemVerticalPadding;
+}
+.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
+ padding-bottom: @relaxedItemVerticalPadding;
+}
+.ui.horizontal.relaxed.list .list > .item:not(:first-child),
+.ui.horizontal.relaxed.list > .item:not(:first-child) {
+ padding-left: @relaxedHorizontalPadding;
+}
+.ui.horizontal.relaxed.list .list > .item:not(:last-child),
+.ui.horizontal.relaxed.list > .item:not(:last-child) {
+ padding-right: @relaxedHorizontalPadding;
+}
+
+/* Very Relaxed */
+.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
+ padding-top: @veryRelaxedItemVerticalPadding;
+}
+.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
+ padding-bottom: @veryRelaxedItemVerticalPadding;
+}
+.ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
+.ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
+ padding-left: @veryRelaxedHorizontalPadding;
+}
+.ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
+.ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
+ padding-right: @veryRelaxedHorizontalPadding;
+}
+
+/*-------------------
+ Sizes
+--------------------*/
+
+.ui.mini.list {
+ font-size: @relativeMini;
+}
+.ui.tiny.list {
+ font-size: @relativeTiny;
+}
+.ui.small.list {
+ font-size: @relativeSmall;
+}
+.ui.list {
+ font-size: @relativeMedium;
+}
+.ui.large.list {
+ font-size: @relativeLarge;
+}
+.ui.big.list {
+ font-size: @relativeBig;
+}
+.ui.huge.list {
+ font-size: @relativeHuge;
+}
+.ui.massive.list {
+ font-size: @relativeMassive;
+}
+
+.ui.mini.horizontal.list .list > .item,
+.ui.mini.horizontal.list > .item {
+ font-size: @mini;
+}
+.ui.tiny.horizontal.list .list > .item,
+.ui.tiny.horizontal.list > .item {
+ font-size: @tiny;
+}
+.ui.small.horizontal.list .list > .item,
+.ui.small.horizontal.list > .item {
+ font-size: @small;
+}
+.ui.horizontal.list .list > .item,
+.ui.horizontal.list > .item {
+ font-size: @medium;
+}
+.ui.large.horizontal.list .list > .item,
+.ui.large.horizontal.list > .item {
+ font-size: @large;
+}
+.ui.big.horizontal.list .list > .item,
+.ui.big.horizontal.list > .item {
+ font-size: @big;
+}
+.ui.huge.horizontal.list .list > .item,
+.ui.huge.horizontal.list > .item {
+ font-size: @huge;
+}
+.ui.massive.horizontal.list .list > .item,
+.ui.massive.horizontal.list > .item {
+ font-size: @massive;
+}
+
+.loadUIOverrides();
+
http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/blob/db97ec6f/semantic/src/definitions/elements/loader.less
----------------------------------------------------------------------
diff --git a/semantic/src/definitions/elements/loader.less b/semantic/src/definitions/elements/loader.less
new file mode 100755
index 0000000..40d5de6
--- /dev/null
+++ b/semantic/src/definitions/elements/loader.less
@@ -0,0 +1,332 @@
+/*!
+ * # Semantic UI - Loader
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+/*******************************
+ Theme
+*******************************/
+
+@type : 'element';
+@element : 'loader';
+
+@import (multiple) '../../theme.config';
+
+/*******************************
+ Loader
+*******************************/
+
+
+/* Standard Size */
+.ui.loader {
+ display: none;
+ position: absolute;
+ top: @loaderTopOffset;
+ left: @loaderLeftOffset;
+ margin: 0px;
+ text-align: center;
+ z-index: 1000;
+ transform: translateX(-50%) translateY(-50%);
+}
+
+/* Static Shape */
+.ui.loader:before {
+ position: absolute;
+ content: '';
+ top: 0%;
+ left: 50%;
+ width: 100%;
+ height: 100%;
+
+ border-radius: @circularRadius;
+ border: @loaderLineWidth solid @loaderFillColor;
+}
+
+/* Active Shape */
+.ui.loader:after {
+ position: absolute;
+ content: '';
+ top: 0%;
+ left: 50%;
+ width: 100%;
+ height: 100%;
+
+ animation: loader @loaderSpeed linear;
+ animation-iteration-count: infinite;
+
+ border-radius: @circularRadius;
+
+ border-color: @shapeBorderColor;
+ border-style: solid;
+ border-width: @loaderLineWidth;
+
+ box-shadow: 0px 0px 0px 1px transparent;
+}
+
+/* Active Animation */
+@keyframes loader {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+/* Sizes */
+.ui.mini.loader:before,
+.ui.mini.loader:after {
+ width: @mini;
+ height: @mini;
+ margin: @miniOffset;
+}
+.ui.tiny.loader:before,
+.ui.tiny.loader:after {
+ width: @tiny;
+ height: @tiny;
+ margin: @tinyOffset;
+}
+.ui.small.loader:before,
+.ui.small.loader:after {
+ width: @small;
+ height: @small;
+ margin: @smallOffset;
+}
+.ui.loader:before,
+.ui.loader:after {
+ width: @medium;
+ height: @medium;
+ margin: @mediumOffset;
+}
+.ui.large.loader:before,
+.ui.large.loader:after {
+ width: @large;
+ height: @large;
+ margin: @largeOffset;
+}
+.ui.big.loader:before,
+.ui.big.loader:after {
+ width: @big;
+ height: @big;
+ margin: @bigOffset;
+}
+.ui.huge.loader:before,
+.ui.huge.loader:after {
+ width: @huge;
+ height: @huge;
+ margin: @hugeOffset;
+}
+.ui.massive.loader:before,
+.ui.massive.loader:after {
+ width: @massive;
+ height: @massive;
+ margin: @massiveOffset;
+}
+
+/*-------------------
+ Coupling
+--------------------*/
+
+/* Show inside active dimmer */
+.ui.dimmer .loader {
+ display: block;
+}
+
+/* Black Dimmer */
+.ui.dimmer .ui.loader {
+ color: @invertedLoaderTextColor;
+}
+.ui.dimmer .ui.loader:before {
+ border-color: @invertedLoaderFillColor;
+}
+.ui.dimmer .ui.loader:after {
+ border-color: @invertedShapeBorderColor;
+}
+
+/* White Dimmer (Inverted) */
+.ui.inverted.dimmer .ui.loader {
+ color: @loaderTextColor;
+}
+.ui.inverted.dimmer .ui.loader:before {
+ border-color: @loaderFillColor;
+}
+.ui.inverted.dimmer .ui.loader:after {
+ border-color: @shapeBorderColor;
+}
+
+/*******************************
+ Types
+*******************************/
+
+
+/*-------------------
+ Text
+--------------------*/
+
+.ui.text.loader {
+ width: auto !important;
+ height: auto !important;
+ text-align: center;
+ font-style: normal;
+}
+
+
+/*******************************
+ States
+*******************************/
+
+.ui.indeterminate.loader:after {
+ animation-direction: @indeterminateDirection;
+ animation-duration: @indeterminateSpeed;
+}
+
+.ui.loader.active,
+.ui.loader.visible {
+ display: block;
+}
+.ui.loader.disabled,
+.ui.loader.hidden {
+ display: none;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+
+/*-------------------
+ Sizes
+--------------------*/
+
+
+/* Loader */
+.ui.inverted.dimmer .ui.mini.loader,
+.ui.mini.loader {
+ width: @mini;
+ height: @mini;
+ font-size: @miniFontSize;
+}
+.ui.inverted.dimmer .ui.tiny.loader,
+.ui.tiny.loader {
+ width: @tiny;
+ height: @tiny;
+ font-size: @tinyFontSize;
+}
+.ui.inverted.dimmer .ui.small.loader,
+.ui.small.loader {
+ width: @small;
+ height: @small;
+ font-size: @smallFontSize;
+}
+.ui.inverted.dimmer .ui.loader,
+.ui.loader {
+ width: @medium;
+ height: @medium;
+ font-size: @mediumFontSize;
+}
+.ui.inverted.dimmer .ui.large.loader,
+.ui.large.loader {
+ width: @large;
+ height: @large;
+ font-size: @largeFontSize;
+}
+.ui.inverted.dimmer .ui.big.loader,
+.ui.big.loader {
+ width: @big;
+ height: @big;
+ font-size: @bigFontSize;
+}
+.ui.inverted.dimmer .ui.huge.loader,
+.ui.huge.loader {
+ width: @huge;
+ height: @huge;
+ font-size: @hugeFontSize;
+}
+.ui.inverted.dimmer .ui.massive.loader,
+.ui.massive.loader {
+ width: @massive;
+ height: @massive;
+ font-size: @massiveFontSize;
+}
+
+/* Text Loader */
+.ui.mini.text.loader {
+ min-width: @mini;
+ padding-top: (@mini + @textDistance);
+}
+.ui.tiny.text.loader {
+ min-width: @tiny;
+ padding-top: (@tiny + @textDistance);
+}
+.ui.small.text.loader {
+ min-width: @small;
+ padding-top: (@small + @textDistance);
+}
+.ui.text.loader {
+ min-width: @medium;
+ padding-top: (@medium + @textDistance);
+}
+.ui.large.text.loader {
+ min-width: @large;
+ padding-top: (@large + @textDistance);
+}
+.ui.big.text.loader {
+ min-width: @big;
+ padding-top: (@big + @textDistance);
+}
+.ui.huge.text.loader {
+ min-width: @huge;
+ padding-top: (@huge + @textDistance);
+}
+.ui.massive.text.loader {
+ min-width: @massive;
+ padding-top: (@massive + @textDistance);
+}
+
+
+/*-------------------
+ Inverted
+--------------------*/
+
+.ui.inverted.loader {
+ color: @invertedLoaderTextColor
+}
+.ui.inverted.loader:before {
+ border-color: @invertedLoaderFillColor;
+}
+.ui.inverted.loader:after {
+ border-top-color: @invertedLoaderLineColor;
+}
+
+/*-------------------
+ Inline
+--------------------*/
+
+.ui.inline.loader {
+ position: relative;
+ vertical-align: @inlineVerticalAlign;
+ margin: @inlineMargin;
+ left: 0em;
+ top: 0em;
+ transform: none;
+}
+
+.ui.inline.loader.active,
+.ui.inline.loader.visible {
+ display: inline-block;
+}
+
+/* Centered Inline */
+.ui.centered.inline.loader.active,
+.ui.centered.inline.loader.visible {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+
+.loadUIOverrides();
http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/blob/db97ec6f/semantic/src/definitions/elements/rail.less
----------------------------------------------------------------------
diff --git a/semantic/src/definitions/elements/rail.less b/semantic/src/definitions/elements/rail.less
new file mode 100755
index 0000000..7eacee7
--- /dev/null
+++ b/semantic/src/definitions/elements/rail.less
@@ -0,0 +1,154 @@
+/*!
+ * # Semantic UI - Rail
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Theme
+*******************************/
+
+@type : 'element';
+@element : 'rail';
+
+@import (multiple) '../../theme.config';
+
+/*******************************
+ Rails
+*******************************/
+
+.ui.rail {
+ position: absolute;
+ top: 0%;
+ width: @width;
+ height: @height;
+}
+
+.ui.left.rail {
+ left: auto;
+ right: 100%;
+ padding: 0em @splitDistance 0em 0em;
+ margin: 0em @splitDistance 0em 0em;
+}
+
+.ui.right.rail {
+ left: 100%;
+ right: auto;
+ padding: 0em 0em 0em @splitDistance;
+ margin: 0em 0em 0em @splitDistance;
+}
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Internal
+---------------*/
+
+.ui.left.internal.rail {
+ left: 0%;
+ right: auto;
+ padding: 0em 0em 0em @splitDistance;
+ margin: 0em 0em 0em @splitDistance;
+}
+
+.ui.right.internal.rail {
+ left: auto;
+ right: 0%;
+ padding: 0em @splitDistance 0em 0em;
+ margin: 0em @splitDistance 0em 0em;
+}
+
+
+/*--------------
+ Dividing
+---------------*/
+
+.ui.dividing.rail {
+ width: @dividingWidth;
+}
+.ui.left.dividing.rail {
+ padding: 0em @splitDividingDistance 0em 0em;
+ margin: 0em @splitDividingDistance 0em 0em;
+ border-right: @dividingBorder;
+}
+.ui.right.dividing.rail {
+ border-left: @dividingBorder;
+ padding: 0em 0em 0em @splitDividingDistance;
+ margin: 0em 0em 0em @splitDividingDistance;
+}
+
+/*--------------
+ Distance
+---------------*/
+
+.ui.close.rail {
+ width: @closeWidth;
+}
+.ui.close.left.rail {
+ padding: 0em @splitCloseDistance 0em 0em;
+ margin: 0em @splitCloseDistance 0em 0em;
+}
+.ui.close.right.rail {
+ padding: 0em 0em 0em @splitCloseDistance;
+ margin: 0em 0em 0em @splitCloseDistance;
+}
+
+.ui.very.close.rail {
+ width: @veryCloseWidth;
+}
+.ui.very.close.left.rail {
+ padding: 0em @splitVeryCloseDistance 0em 0em;
+ margin: 0em @splitVeryCloseDistance 0em 0em;
+}
+.ui.very.close.right.rail {
+ padding: 0em 0em 0em @splitVeryCloseDistance;
+ margin: 0em 0em 0em @splitVeryCloseDistance;
+}
+
+/*--------------
+ Attached
+---------------*/
+
+.ui.attached.left.rail,
+.ui.attached.right.rail {
+ padding: 0em;
+ margin: 0em;
+}
+
+/*--------------
+ Sizing
+---------------*/
+
+.ui.mini.rail {
+ font-size: @mini;
+}
+.ui.tiny.rail {
+ font-size: @tiny;
+}
+.ui.small.rail {
+ font-size: @small;
+}
+.ui.rail {
+ font-size: @medium;
+}
+.ui.large.rail {
+ font-size: @large;
+}
+.ui.big.rail {
+ font-size: @big;
+}
+.ui.huge.rail {
+ font-size: @huge;
+}
+.ui.massive.rail {
+ font-size: @massive;
+}
+
+
+.loadUIOverrides();
http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/blob/db97ec6f/semantic/src/definitions/elements/reveal.less
----------------------------------------------------------------------
diff --git a/semantic/src/definitions/elements/reveal.less b/semantic/src/definitions/elements/reveal.less
new file mode 100755
index 0000000..353ba63
--- /dev/null
+++ b/semantic/src/definitions/elements/reveal.less
@@ -0,0 +1,265 @@
+/*!
+ * # Semantic UI - Reveal
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Theme
+*******************************/
+
+@type : 'element';
+@element : 'reveal';
+
+@import (multiple) '../../theme.config';
+
+/*******************************
+ Reveal
+*******************************/
+
+.ui.reveal {
+ display: inherit;
+ position: relative !important;
+ font-size: 0em !important;
+}
+
+.ui.reveal > .visible.content {
+ position: absolute !important;
+ top: 0em !important;
+ left: 0em !important;
+ z-index: @topZIndex !important;
+ transition: @transition;
+}
+.ui.reveal > .hidden.content {
+ position: relative !important;
+ z-index: @bottomZIndex !important;
+}
+
+/* Make sure hovered element is on top of other reveal */
+.ui.active.reveal .visible.content,
+.ui.reveal:hover .visible.content {
+ z-index: @activeZIndex !important;
+}
+
+
+/*******************************
+ Types
+*******************************/
+
+
+/*--------------
+ Slide
+---------------*/
+
+.ui.slide.reveal {
+ position: relative !important;
+ overflow: hidden !important;
+ white-space: nowrap;
+}
+
+.ui.slide.reveal > .content {
+ display: block;
+ width: 100%;
+ float: left;
+
+ margin: 0em;
+ transition: @slideTransition;
+}
+
+.ui.slide.reveal > .visible.content {
+ position: relative !important;
+}
+.ui.slide.reveal > .hidden.content {
+ position: absolute !important;
+ left: 0% !important;
+ width: 100% !important;
+ transform: translateX(100%) !important;
+}
+.ui.slide.active.reveal > .visible.content,
+.ui.slide.reveal:hover > .visible.content {
+ transform: translateX(-100%) !important;
+}
+.ui.slide.active.reveal > .hidden.content,
+.ui.slide.reveal:hover > .hidden.content {
+ transform: translateX(0%) !important;
+}
+
+.ui.slide.right.reveal > .visible.content {
+ transform: translateX(0%) !important;
+}
+.ui.slide.right.reveal > .hidden.content {
+ transform: translateX(-100%) !important;
+}
+.ui.slide.right.active.reveal > .visible.content,
+.ui.slide.right.reveal:hover > .visible.content {
+ transform: translateX(100%) !important;
+}
+.ui.slide.right.active.reveal > .hidden.content,
+.ui.slide.right.reveal:hover > .hidden.content {
+ transform: translateX(0%) !important;
+}
+
+.ui.slide.up.reveal > .hidden.content {
+ transform: translateY(100%) !important;
+}
+.ui.slide.up.active.reveal > .visible.content,
+.ui.slide.up.reveal:hover > .visible.content {
+ transform: translateY(-100%) !important;
+}
+.ui.slide.up.active.reveal > .hidden.content,
+.ui.slide.up.reveal:hover > .hidden.content {
+ transform: translateY(0%) !important;
+}
+
+.ui.slide.down.reveal > .hidden.content {
+ transform: translateY(-100%) !important;
+}
+.ui.slide.down.active.reveal > .visible.content,
+.ui.slide.down.reveal:hover > .visible.content {
+ transform: translateY(100%) !important;
+}
+.ui.slide.down.active.reveal > .hidden.content,
+.ui.slide.down.reveal:hover > .hidden.content {
+ transform: translateY(0%) !important;
+}
+
+
+/*--------------
+ Fade
+---------------*/
+
+.ui.fade.reveal > .visible.content {
+ opacity: 1;
+}
+.ui.fade.active.reveal > .visible.content,
+.ui.fade.reveal:hover > .visible.content {
+ opacity: 0;
+}
+
+
+/*--------------
+ Move
+---------------*/
+
+.ui.move.reveal {
+ position: relative !important;
+ overflow: hidden !important;
+ white-space: nowrap;
+}
+
+.ui.move.reveal > .content {
+ display: block;
+ float: left;
+
+ margin: 0em;
+ transition: @moveTransition;
+}
+
+.ui.move.reveal > .visible.content {
+ position: relative !important;
+}
+.ui.move.reveal > .hidden.content {
+ position: absolute !important;
+ left: 0% !important;
+ width: 100% !important;
+}
+.ui.move.active.reveal > .visible.content,
+.ui.move.reveal:hover > .visible.content {
+ transform: translateX(-100%) !important;
+}
+.ui.move.right.active.reveal > .visible.content,
+.ui.move.right.reveal:hover > .visible.content {
+ transform: translateX(100%) !important;
+}
+.ui.move.up.active.reveal > .visible.content,
+.ui.move.up.reveal:hover > .visible.content {
+ transform: translateY(-100%) !important;
+}
+.ui.move.down.active.reveal > .visible.content,
+.ui.move.down.reveal:hover > .visible.content {
+ transform: translateY(100%) !important;
+}
+
+
+
+/*--------------
+ Rotate
+---------------*/
+
+.ui.rotate.reveal > .visible.content {
+ transition-duration: @transitionDuration;
+ transform: rotate(0deg);
+}
+
+.ui.rotate.reveal > .visible.content,
+.ui.rotate.right.reveal > .visible.content {
+ transform-origin: bottom right;
+}
+.ui.rotate.active.reveal > .visible.content,
+.ui.rotate.reveal:hover > .visible.content,
+.ui.rotate.right.active.reveal > .visible.content,
+.ui.rotate.right.reveal:hover > .visible.content {
+ transform: rotate(@rotateDegrees);
+}
+
+.ui.rotate.left.reveal > .visible.content {
+ transform-origin: bottom left;
+}
+.ui.rotate.left.active.reveal > .visible.content,
+.ui.rotate.left.reveal:hover > .visible.content {
+ transform: rotate(-@rotateDegrees);
+}
+
+/*******************************
+ States
+*******************************/
+
+.ui.disabled.reveal:hover > .visible.visible.content {
+ position: static !important;
+ display: block !important;
+ opacity: 1 !important;
+ top: 0 !important;
+ left: 0 !important;
+ right: auto !important;
+ bottom: auto !important;
+ transform: none !important;
+}
+.ui.disabled.reveal:hover > .hidden.hidden.content {
+ display: none !important;
+}
+
+
+/*******************************
+ Variations
+*******************************/
+
+/*--------------
+ Visible
+---------------*/
+
+.ui.visible.reveal {
+ overflow: visible;
+}
+
+/*--------------
+ Instant
+---------------*/
+
+.ui.instant.reveal > .content {
+ transition-delay: 0s !important;
+}
+
+
+/*--------------
+ Sizing
+---------------*/
+
+.ui.reveal > .content {
+ font-size: @medium !important;
+}
+
+.loadUIOverrides();
http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/blob/db97ec6f/semantic/src/definitions/elements/segment.less
----------------------------------------------------------------------
diff --git a/semantic/src/definitions/elements/segment.less b/semantic/src/definitions/elements/segment.less
new file mode 100755
index 0000000..66743fe
--- /dev/null
+++ b/semantic/src/definitions/elements/segment.less
@@ -0,0 +1,768 @@
+/*!
+ * # Semantic UI - Segment
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Theme
+*******************************/
+
+@type : 'element';
+@element : 'segment';
+
+@import (multiple) '../../theme.config';
+
+/*******************************
+ Segment
+*******************************/
+
+.ui.segment {
+ position: relative;
+ background: @background;
+ box-shadow: @boxShadow;
+ margin: @margin;
+ padding: @padding;
+ border-radius: @borderRadius;
+ border: @border;
+}
+
+.ui.segment:first-child {
+ margin-top: 0em;
+}
+.ui.segment:last-child {
+ margin-bottom: 0em;
+}
+
+
+/* Vertical */
+.ui.vertical.segment {
+ margin: 0em;
+ padding-left: 0em;
+ padding-right: 0em;
+
+ background: none transparent;
+ border-radius: 0px;
+ box-shadow: none;
+ border: none;
+ border-bottom: @borderWidth solid @borderColor;
+}
+.ui.vertical.segment:last-child {
+ border-bottom: none;
+}
+
+
+/*-------------------
+ Loose Coupling
+--------------------*/
+
+/* Header */
+.ui.inverted.segment > .ui.header {
+ color: @white;
+}
+
+/* Label */
+.ui[class*="bottom attached"].segment > [class*="top attached"].label {
+ border-top-left-radius: 0em;
+ border-top-right-radius: 0em;
+}
+.ui[class*="top attached"].segment > [class*="bottom attached"].label {
+ border-bottom-left-radius: 0em;
+ border-bottom-right-radius: 0em;
+}
+.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
+ border-top-left-radius: 0em;
+ border-top-right-radius: 0em;
+}
+.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
+ border-bottom-left-radius: 0em;
+ border-bottom-right-radius: 0em;
+}
+
+/* Grid */
+.ui.page.grid.segment,
+.ui.grid > .row > .ui.segment.column,
+.ui.grid > .ui.segment.column {
+ padding-top: @pageGridMargin;
+ padding-bottom: @pageGridMargin;
+}
+.ui.grid.segment {
+ margin: @margin;
+ border-radius: @borderRadius;
+}
+
+/* Table */
+.ui.basic.table.segment {
+ background: @background;
+ border: @border;
+ box-shadow: @boxShadow;
+}
+.ui[class*="very basic"].table.segment {
+ padding: @padding;
+}
+
+
+/*******************************
+ Types
+*******************************/
+
+/*-------------------
+ Piled
+--------------------*/
+
+.ui.piled.segments,
+.ui.piled.segment {
+ margin: @piledMargin 0em;
+ box-shadow: @piledBoxShadow;
+ z-index: @piledZIndex;
+}
+.ui.piled.segment:first-child {
+ margin-top: 0em;
+}
+.ui.piled.segment:last-child {
+ margin-bottom: 0em;
+}
+.ui.piled.segments:after,
+.ui.piled.segments:before,
+.ui.piled.segment:after,
+.ui.piled.segment:before {
+ background-color: @white;
+ visibility: visible;
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0px;
+ position: absolute;
+ width: 100%;
+ border: @piledBorder;
+ box-shadow: @piledBoxShadow;
+}
+.ui.piled.segments:before,
+.ui.piled.segment:before {
+ transform: rotate(-@piledDegrees);
+ top: 0;
+ z-index: -2;
+}
+.ui.piled.segments:after,
+.ui.piled.segment:after {
+ transform: rotate(@piledDegrees);
+ top: 0;
+ z-index: -1;
+}
+
+/* Piled Attached */
+.ui[class*="top attached"].piled.segment {
+ margin-top: @piledMargin;
+ margin-bottom: 0em;
+}
+.ui.piled.segment[class*="top attached"]:first-child {
+ margin-top: 0em;
+}
+.ui.piled.segment[class*="bottom attached"] {
+ margin-top: 0em;
+ margin-bottom: @piledMargin;
+}
+.ui.piled.segment[class*="bottom attached"]:last-child {
+ margin-bottom: 0em;
+}
+
+/*-------------------
+ Stacked
+--------------------*/
+
+.ui.stacked.segment {
+ padding-bottom: @stackedPadding;
+}
+.ui.stacked.segments:before,
+.ui.stacked.segments:after,
+.ui.stacked.segment:before,
+.ui.stacked.segment:after {
+ content: '';
+ position: absolute;
+ bottom: -(@stackedHeight / 2);
+ left: 0%;
+
+ border-top: 1px solid @borderColor;
+ background: @stackedPageBackground;
+
+ width: 100%;
+ height: @stackedHeight;
+ visibility: visible;
+}
+.ui.stacked.segments:before,
+.ui.stacked.segment:before {
+ display: none;
+}
+
+/* Add additional page */
+.ui.tall.stacked.segments:before,
+.ui.tall.stacked.segment:before {
+ display: block;
+ bottom: 0px;
+}
+
+/* Inverted */
+.ui.stacked.inverted.segments:before,
+.ui.stacked.inverted.segments:after,
+.ui.stacked.inverted.segment:before,
+.ui.stacked.inverted.segment:after {
+ background-color: @subtleTransparentBlack;
+ border-top: 1px solid @selectedBorderColor;
+}
+
+/*-------------------
+ Padded
+--------------------*/
+
+.ui.padded.segment {
+ padding: @paddedSegmentPadding;
+}
+
+.ui[class*="very padded"].segment {
+ padding: @veryPaddedSegmentPadding;
+}
+
+/*-------------------
+ Compact
+--------------------*/
+
+.ui.compact.segment {
+ display: table;
+}
+
+/* Compact Group */
+.ui.compact.segments {
+ display: inline-flex;
+}
+.ui.compact.segments .segment,
+.ui.segments .compact.segment {
+ display: block;
+ flex: 0 1 auto;
+}
+
+/*-------------------
+ Circular
+--------------------*/
+
+.ui.circular.segment {
+ display: table-cell;
+ padding: @circularPadding;
+ text-align: center;
+ vertical-align: middle;
+ border-radius: 500em;
+}
+
+/*-------------------
+ Raised
+--------------------*/
+
+.ui.raised.segments,
+.ui.raised.segment {
+ box-shadow: @raisedBoxShadow;
+}
+
+
+/*******************************
+ Groups
+*******************************/
+
+/* Group */
+.ui.segments {
+ flex-direction: column;
+ position: relative;
+ margin: @groupedMargin;
+ border: @groupedBorder;
+ box-shadow: @groupedBoxShadow;
+ border-radius: @groupedBorderRadius;
+}
+.ui.segments:first-child {
+ margin-top: 0em;
+}
+.ui.segments:last-child {
+ margin-bottom: 0em;
+}
+
+
+/* Nested Segment */
+.ui.segments > .segment {
+ top: 0px;
+ bottom: 0px;
+ border-radius: 0px;
+ margin: @groupedSegmentMargin;
+ width: @groupedSegmentWidth;
+ box-shadow: @groupedSegmentBoxShadow;
+ border: @groupedSegmentBorder;
+ border-top: @groupedSegmentDivider;
+}
+
+.ui.segments:not(.horizontal) > .segment:first-child {
+ top: @attachedTopOffset;
+ bottom: 0px;
+ border-top: none;
+ margin-top: 0em;
+ bottom: 0px;
+ margin-bottom: 0em;
+ top: @attachedTopOffset;
+ border-radius: @borderRadius @borderRadius 0em 0em;
+}
+
+/* Bottom */
+.ui.segments:not(.horizontal) > .segment:last-child {
+ top: @attachedBottomOffset;
+ bottom: 0px;
+ margin-top: 0em;
+ margin-bottom: 0em;
+ box-shadow: @attachedBottomBoxShadow;
+ border-radius: 0em 0em @borderRadius @borderRadius;
+}
+
+/* Only */
+.ui.segments:not(.horizontal) > .segment:only-child {
+ border-radius: @borderRadius;
+}
+
+
+/* Nested Group */
+.ui.segments > .ui.segments {
+ border-top: @groupedSegmentDivider;
+ margin: @nestedGroupMargin;
+}
+.ui.segments > .segments:first-child {
+ border-top: none;
+}
+.ui.segments > .segment + .segments:not(.horizontal) {
+ margin-top: 0em;
+}
+
+/* Horizontal Group */
+.ui.horizontal.segments {
+ display: flex;
+ flex-direction: row;
+ background-color: transparent;
+ border-radius: 0px;
+ padding: 0em;
+ background-color: @background;
+ box-shadow: @boxShadow;
+ margin: @margin;
+ border-radius: @borderRadius;
+ border: @border;
+}
+
+/* Nested Horizontal Group */
+.ui.segments > .horizontal.segments {
+ margin: 0em;
+ background-color: transparent;
+ border-radius: 0px;
+ border: none;
+ box-shadow: none;
+ border-top: @groupedSegmentDivider;
+}
+
+/* Horizontal Segment */
+.ui.horizontal.segments > .segment {
+ flex: 1 1 auto;
+ -ms-flex: 1 1 0px; /* Solves #2550 MS Flex */
+ margin: 0em;
+ min-width: 0px;
+ background-color: transparent;
+ border-radius: 0px;
+ border: none;
+ box-shadow: none;
+ border-left: @borderWidth solid @borderColor;
+}
+
+/* Border Fixes */
+.ui.segments > .horizontal.segments:first-child {
+ border-top: none;
+}
+.ui.horizontal.segments > .segment:first-child {
+ border-left: none;
+}
+
+
+/*******************************
+ States
+*******************************/
+
+/*--------------
+ Disabled
+---------------*/
+
+.ui.disabled.segment {
+ opacity: @disabledOpacity;
+ color: @disabledTextColor;
+}
+
+/*--------------
+ Loading
+---------------*/
+
+.ui.loading.segment {
+ position: relative;
+ cursor: default;
+ point-events: none;
+ text-shadow: none !important;
+ color: transparent !important;
+ transition: all 0s linear;
+}
+.ui.loading.segment:before {
+ position: absolute;
+ content: '';
+ top: 0%;
+ left: 0%;
+ background: @loaderDimmerColor;
+ width: 100%;
+ height: 100%;
+ border-radius: @borderRadius;
+ z-index: @loaderDimmerZIndex;
+}
+.ui.loading.segment:after {
+ position: absolute;
+ content: '';
+ top: 50%;
+ left: 50%;
+
+ margin: @loaderMargin;
+ width: @loaderSize;
+ height: @loaderSize;
+
+ animation: segment-spin @loaderSpeed linear;
+ animation-iteration-count: infinite;
+
+ border-radius: @circularRadius;
+
+ border-color: @loaderLineColor @loaderFillColor @loaderFillColor @loaderFillColor;
+ border-style: solid;
+ border-width: @loaderLineWidth;
+
+ box-shadow: 0px 0px 0px 1px transparent;
+ visibility: visible;
+ z-index: @loaderLineZIndex;
+}
+
+@keyframes segment-spin {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+
+/*******************************
+ Variations
+*******************************/
+
+
+/*-------------------
+ Basic
+--------------------*/
+
+.ui.basic.segment {
+ background: @basicBackground;
+ box-shadow: @basicBoxShadow;
+ border: @basicBorder;
+ border-radius: @basicBorderRadius;
+}
+
+/*-------------------
+ Clearing
+--------------------*/
+
+.ui.clearing.segment:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+
+/*-------------------
+ Colors
+--------------------*/
+
+/* Red */
+.ui.red.segment:not(.inverted) {
+ border-top: @coloredBorderSize solid @red;
+}
+.ui.inverted.red.segment {
+ background-color: @red !important;
+ color: @white !important;
+}
+
+/* Orange */
+.ui.orange.segment:not(.inverted) {
+ border-top: @coloredBorderSize solid @orange;
+}
+.ui.inverted.orange.segment {
+ background-color: @orange !important;
+ color: @white !important;
+}
+
+/* Yellow */
+.ui.yellow.segment:not(.inverted) {
+ border-top: @coloredBorderSize solid @yellow;
+}
+.ui.inverted.yellow.segment {
+ background-color: @yellow !important;
+ color: @white !important;
+}
+
+/* Olive */
+.ui.olive.segment:not(.inverted) {
+ border-top: @coloredBorderSize solid @olive;
+}
+.ui.inverted.olive.segment {
+ background-color: @olive !important;
+ color: @white !important;
+}
+
+/* Green */
+.ui.green.segment:not(.inverted) {
+ border-top: @coloredBorderSize solid @green;
+}
+.ui.inverted.green.segment {
+ background-color: @green !important;
+ color: @white !important;
+}
+
+/* Teal */
+.ui.teal.segment:not(.inverted) {
+ border-top: @coloredBorderSize solid @teal;
+}
+.ui.inverted.teal.segment {
+ background-color: @teal !important;
+ color: @white !important;
+}
+
+/* Blue */
+.ui.blue.segment:not(.inverted) {
+ border-top: @coloredBorderSize solid @blue;
+}
+.ui.inverted.blue.segment {
+ background-color: @blue !important;
+ color: @white !important;
+}
+
+/* Violet */
+.ui.violet.segment:not(.inverted) {
+ border-top: @coloredBorderSize solid @violet;
+}
+.ui.inverted.violet.segment {
+ background-color: @violet !important;
+ color: @white !important;
+}
+
+/* Purple */
+.ui.purple.segment:not(.inverted) {
+ border-top: @coloredBorderSize solid @purple;
+}
+.ui.inverted.purple.segment {
+ background-color: @purple !important;
+ color: @white !important;
+}
+
+/* Pink */
+.ui.pink.segment:not(.inverted) {
+ border-top: @coloredBorderSize solid @pink;
+}
+.ui.inverted.pink.segment {
+ background-color: @pink !important;
+ color: @white !important;
+}
+
+/* Brown */
+.ui.brown.segment:not(.inverted) {
+ border-top: @coloredBorderSize solid @brown;
+}
+.ui.inverted.brown.segment {
+ background-color: @brown !important;
+ color: @white !important;
+}
+
+/* Grey */
+.ui.grey.segment:not(.inverted) {
+ border-top: @coloredBorderSize solid @grey;
+}
+.ui.inverted.grey.segment {
+ background-color: @grey !important;
+ color: @white !important;
+}
+
+/* Black */
+.ui.black.segment:not(.inverted) {
+ border-top: @coloredBorderSize solid @black;
+}
+.ui.inverted.black.segment {
+ background-color: @black !important;
+ color: @white !important;
+}
+
+/*-------------------
+ Aligned
+--------------------*/
+
+.ui[class*="left aligned"].segment {
+ text-align: left;
+}
+.ui[class*="right aligned"].segment {
+ text-align: right;
+}
+.ui[class*="center aligned"].segment {
+ text-align: center;
+}
+
+/*-------------------
+ Floated
+--------------------*/
+
+.ui.floated.segment,
+.ui[class*="left floated"].segment {
+ float: left;
+ margin-right: @floatedDistance;
+}
+.ui[class*="right floated"].segment {
+ float: right;
+ margin-left: @floatedDistance;
+}
+
+
+/*-------------------
+ Inverted
+--------------------*/
+
+.ui.inverted.segment {
+ border: none;
+ box-shadow: none;
+}
+.ui.inverted.segment,
+.ui.primary.inverted.segment {
+ background: @invertedBackground;
+ color: @invertedTextColor;
+}
+
+/* Nested */
+.ui.inverted.segment .segment {
+ color: @textColor;
+}
+.ui.inverted.segment .inverted.segment {
+ color: @invertedTextColor;
+}
+
+/* Attached */
+.ui.inverted.attached.segment {
+ border-color: @solidWhiteBorderColor;
+}
+
+/*-------------------
+ Emphasis
+--------------------*/
+
+/* Secondary */
+.ui.secondary.segment {
+ background: @secondaryBackground;
+ color: @secondaryColor;
+}
+.ui.secondary.inverted.segment {
+ background: @secondaryInvertedBackground;
+ color: @secondaryInvertedColor;
+}
+
+/* Tertiary */
+.ui.tertiary.segment {
+ background: @tertiaryBackground;
+ color: @tertiaryColor;
+}
+.ui.tertiary.inverted.segment {
+ background: @tertiaryInvertedBackground;
+ color: @tertiaryInvertedColor;
+}
+
+
+/*-------------------
+ Attached
+--------------------*/
+
+/* Middle */
+.ui.attached.segment {
+ top: 0px;
+ bottom: 0px;
+ border-radius: 0px;
+ margin: 0em @attachedHorizontalOffset;
+ width: @attachedWidth;
+ max-width: @attachedWidth;
+ box-shadow: @attachedBoxShadow;
+ border: @attachedBorder;
+}
+.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
+ border-top: none;
+}
+
+/* Top */
+.ui[class*="top attached"].segment {
+ bottom: 0px;
+ margin-bottom: 0em;
+ top: @attachedTopOffset;
+ margin-top: @verticalMargin;
+ border-radius: @borderRadius @borderRadius 0em 0em;
+}
+.ui.segment[class*="top attached"]:first-child {
+ margin-top: 0em;
+}
+
+/* Bottom */
+.ui.segment[class*="bottom attached"] {
+ bottom: 0px;
+ margin-top: 0em;
+ top: @attachedBottomOffset;
+ margin-bottom: @verticalMargin;
+ box-shadow: @attachedBottomBoxShadow;
+ border-radius: 0em 0em @borderRadius @borderRadius;
+}
+.ui.segment[class*="bottom attached"]:last-child {
+ margin-bottom: 0em;
+}
+
+/*-------------------
+ Size
+--------------------*/
+
+.ui.mini.segments .segment,
+.ui.mini.segment {
+ font-size: @mini;
+}
+.ui.tiny.segments .segment,
+.ui.tiny.segment {
+ font-size: @tiny;
+}
+.ui.small.segments .segment,
+.ui.small.segment {
+ font-size: @small;
+}
+.ui.segments .segment,
+.ui.segment {
+ font-size: @medium;
+}
+.ui.large.segments .segment,
+.ui.large.segment {
+ font-size: @large;
+}
+.ui.big.segments .segment,
+.ui.big.segment {
+ font-size: @big;
+}
+.ui.huge.segments .segment,
+.ui.huge.segment {
+ font-size: @huge;
+}
+.ui.massive.segments .segment,
+.ui.massive.segment {
+ font-size: @massive;
+}
+
+.loadUIOverrides();
http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/blob/db97ec6f/semantic/src/definitions/elements/step.less
----------------------------------------------------------------------
diff --git a/semantic/src/definitions/elements/step.less b/semantic/src/definitions/elements/step.less
new file mode 100755
index 0000000..d4c1937
--- /dev/null
+++ b/semantic/src/definitions/elements/step.less
@@ -0,0 +1,562 @@
+/*!
+ * # Semantic UI - Step
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+ Step
+*******************************/
+
+/*--------------
+ Load Theme
+---------------*/
+
+@type : 'element';
+@element : 'step';
+
+@import (multiple) '../../theme.config';
+
+/*******************************
+ Plural
+*******************************/
+
+.ui.steps {
+ display: inline-flex;
+ flex-direction: row;
+ align-items: stretch;
+ margin: @stepMargin;
+ background: @stepsBackground;
+ box-shadow: @stepsBoxShadow;
+ line-height: @lineHeight;
+ border-radius: @stepsBorderRadius;
+ border: @stepsBorder;
+}
+
+/* First Steps */
+.ui.steps:first-child {
+ margin-top: 0em;
+}
+
+/* Last Steps */
+.ui.steps:last-child {
+ margin-bottom: 0em;
+}
+
+
+/*******************************
+ Singular
+*******************************/
+
+.ui.steps .step {
+ position: relative;
+ display: flex;
+ flex: 1 0 auto;
+ flex-wrap: wrap;
+ flex-direction: row;
+ vertical-align: middle;
+ align-items: center;
+ justify-content: @justifyContent;
+
+ margin: @verticalMargin @horizontalMargin;
+ padding: @verticalPadding @horizontalPadding;
+ background: @background;
+ color: @textColor;
+ box-shadow: @boxShadow;
+ border-radius: @borderRadius;
+ border: @border;
+ border-right: @divider;
+ transition: @transition;
+}
+
+/* Arrow */
+.ui.steps .step:after {
+ display: none;
+ position: absolute;
+ z-index: 2;
+ content: '';
+ top: @arrowTopOffset;
+ right: @arrowRightOffset;
+ border: medium none;
+ background-color: @arrowBackgroundColor;
+ width: @arrowSize;
+ height: @arrowSize;
+
+ border-style: solid;
+ border-color: @borderColor;
+ border-width: @arrowBorderWidth;
+
+ transition: @transition;
+ transform: translateY(-50%) translateX(50%) rotate(-45deg);
+}
+
+/* First Step */
+.ui.steps .step:first-child {
+ padding-left: @horizontalPadding;
+ border-radius: @stepsBorderRadius 0em 0em @stepsBorderRadius;
+}
+
+/* Last Step */
+.ui.steps .step:last-child {
+ border-radius: 0em @stepsBorderRadius @stepsBorderRadius 0em;
+}
+.ui.steps .step:last-child {
+ border-right: none;
+ margin-right: 0em;
+}
+
+/* Only Step */
+.ui.steps .step:only-child {
+ border-radius: @stepsBorderRadius;
+}
+
+
+/*******************************
+ Content
+*******************************/
+
+/* Title */
+.ui.steps .step .title {
+ font-family: @titleFontFamily;
+ font-size: @titleFontSize;
+ font-weight: @titleFontWeight;
+}
+.ui.steps .step > .title {
+ width: 100%;
+}
+
+/* Description */
+.ui.steps .step .description {
+ font-weight: @descriptionFontWeight;
+ font-size: @descriptionFontSize;
+ color: @descriptionColor;
+}
+.ui.steps .step > .description {
+ width: 100%;
+}
+.ui.steps .step .title ~ .description {
+ margin-top: @descriptionDistance;
+}
+
+/* Icon */
+.ui.steps .step > .icon {
+ line-height: 1;
+ font-size: @iconSize;
+ margin: 0em @iconDistance 0em 0em;
+}
+.ui.steps .step > .icon,
+.ui.steps .step > .icon ~ .content {
+ display: block;
+ flex: 0 1 auto;
+ align-self: @iconAlign;
+}
+.ui.steps .step > .icon ~ .content {
+ flex-grow: 1 0 auto;
+}
+
+/* Horizontal Icon */
+.ui.steps:not(.vertical) .step > .icon {
+ width: auto;
+}
+
+/* Link */
+.ui.steps .link.step,
+.ui.steps a.step {
+ cursor: pointer;
+}
+
+/*******************************
+ Types
+*******************************/
+
+/*--------------
+ Ordered
+---------------*/
+
+.ui.ordered.steps {
+ counter-reset: ordered;
+}
+.ui.ordered.steps .step:before {
+ display: block;
+ position: static;
+ text-align: center;
+ content: counters(ordered, ".");
+ align-self: @iconAlign;
+ margin-right: @iconDistance;
+ font-size: @iconSize;
+ counter-increment: ordered;
+ font-family: @orderedFontFamily;
+ font-weight: @orderedFontWeight;
+}
+
+.ui.ordered.steps .step > * {
+ display: block;
+ align-self: @iconAlign;
+}
+
+
+/*--------------
+ Vertical
+---------------*/
+
+.ui.vertical.steps {
+ display: inline-flex;
+ flex-direction: column;
+ overflow: visible;
+}
+.ui.vertical.steps .step {
+ justify-content: flex-start;
+ border-radius: @borderRadius;
+ padding: @verticalPadding @horizontalPadding;
+ border-right: none;
+ border-bottom: @verticalDivider;
+}
+.ui.vertical.steps .step:first-child {
+ padding: @verticalPadding @horizontalPadding;
+ border-radius: @stepsBorderRadius @stepsBorderRadius 0em 0em;
+}
+.ui.vertical.steps .step:last-child {
+ border-bottom: none;
+ border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius;
+}
+.ui.vertical.steps .step:only-child {
+ border-radius: @stepsBorderRadius;
+}
+
+
+/* Arrow */
+.ui.vertical.steps .step:after {
+ display: none;
+}
+.ui.vertical.steps .step:after {
+ top: @verticalArrowTopOffset;
+ right: @verticalArrowRightOffset;
+ border-width: @verticalArrowBorderWidth;
+}
+
+.ui.vertical.steps .step:after {
+ display: @verticalArrowDisplay;
+}
+.ui.vertical.steps .active.step:after {
+ display: @verticalActiveArrowDisplay;
+}
+.ui.vertical.steps .step:last-child:after {
+ display: @verticalLastArrowDisplay;
+}
+.ui.vertical.steps .active.step:last-child:after {
+ display: @verticalActiveLastArrowDisplay;
+}
+
+
+/*---------------
+ Responsive
+----------------*/
+
+/* Mobile (Default) */
+@media only screen and (max-width: (@largestMobileScreen)) {
+
+.ui.steps {
+ display: inline-flex;
+ overflow: visible;
+ flex-direction: column;
+}
+.ui.steps .step {
+ width: 100% !important;
+ flex-direction: column;
+ border-radius: @borderRadius;
+ padding: @verticalPadding @horizontalPadding;
+}
+.ui.steps .step:first-child {
+ padding: @verticalPadding @horizontalPadding;
+ border-radius: @stepsBorderRadius @stepsBorderRadius 0em 0em;
+}
+.ui.steps .step:last-child {
+ border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius;
+}
+
+/* Arrow */
+.ui.steps .step:after {
+ display: none !important;
+}
+
+/* Content */
+.ui.steps .step .content {
+ text-align: center;
+}
+
+/* Icon */
+.ui.steps .step > .icon,
+.ui.ordered.steps .step:before {
+ margin: 0em 0em @mobileIconDistance 0em;
+}
+
+}
+
+/*******************************
+ States
+*******************************/
+
+/* Link Hover */
+.ui.steps .link.step:hover::after,
+.ui.steps .link.step:hover,
+.ui.steps a.step:hover::after,
+.ui.steps a.step:hover {
+ background: @hoverBackground;
+ color: @hoverColor;
+}
+
+/* Link Down */
+.ui.steps .link.step:active::after,
+.ui.steps .link.step:active,
+.ui.steps a.step:active::after,
+.ui.steps a.step:active {
+ background: @downBackground;
+ color: @downColor;
+}
+
+/* Active */
+.ui.steps .step.active {
+ cursor: auto;
+ background: @activeBackground;
+}
+.ui.steps .step.active:after {
+ background: @activeBackground;
+}
+.ui.steps .step.active .title {
+ color: @activeColor;
+}
+.ui.ordered.steps .step.active:before,
+.ui.steps .active.step .icon {
+ color: @activeIconColor;
+}
+
+/* Active Arrow */
+.ui.steps .step:after {
+ display: @arrowDisplay;
+}
+.ui.steps .active.step:after {
+ display: @activeArrowDisplay;
+}
+.ui.steps .step:last-child:after {
+ display: @lastArrowDisplay;
+}
+.ui.steps .active.step:last-child:after {
+ display: @activeLastArrowDisplay;
+}
+
+/* Active Hover */
+.ui.steps .link.active.step:hover::after,
+.ui.steps .link.active.step:hover,
+.ui.steps a.active.step:hover::after,
+.ui.steps a.active.step:hover {
+ cursor: pointer;
+ background: @activeHoverBackground;
+ color: @activeHoverColor;
+}
+
+/* Completed */
+.ui.steps .step.completed > .icon:before,
+.ui.ordered.steps .step.completed:before {
+ color: @completedColor;
+}
+
+/* Disabled */
+.ui.steps .disabled.step {
+ cursor: auto;
+ background: @disabledBackground;
+ pointer-events: none;
+}
+.ui.steps .disabled.step,
+.ui.steps .disabled.step .title,
+.ui.steps .disabled.step .description {
+ color: @disabledColor;
+}
+.ui.steps .disabled.step:after {
+ background: @disabledBackground;
+}
+
+
+/*******************************
+ Variations
+*******************************/
+
+
+/*--------------
+ Stackable
+---------------*/
+
+/* Tablet Or Below */
+@media only screen and (max-width: @largestTabletScreen) {
+
+.ui[class*="tablet stackable"].steps {
+ display: inline-flex;
+ overflow: visible;
+ flex-direction: column;
+}
+
+/* Steps */
+.ui[class*="tablet stackable"].steps .step {
+ flex-direction: column;
+ border-radius: @borderRadius;
+ padding: @verticalPadding @horizontalPadding;
+}
+.ui[class*="tablet stackable"].steps .step:first-child {
+ padding: @verticalPadding @horizontalPadding;
+ border-radius: @stepsBorderRadius @stepsBorderRadius 0em 0em;
+}
+.ui[class*="tablet stackable"].steps .step:last-child {
+ border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius;
+}
+
+/* Arrow */
+.ui[class*="tablet stackable"].steps .step:after {
+ display: none !important;
+}
+
+/* Content */
+.ui[class*="tablet stackable"].steps .step .content {
+ text-align: center;
+}
+
+/* Icon */
+.ui[class*="tablet stackable"].steps .step > .icon,
+.ui[class*="tablet stackable"].ordered.steps .step:before {
+ margin: 0em 0em @mobileIconDistance 0em;
+}
+
+}
+
+/*--------------
+ Fluid
+---------------*/
+
+/* Fluid */
+.ui.fluid.steps {
+ display: flex;
+ width: 100%;
+}
+
+/*--------------
+ Attached
+---------------*/
+
+/* Top */
+.ui.attached.steps {
+ width: @attachedWidth !important;
+ margin: 0em @attachedHorizontalOffset @attachedVerticalOffset;
+ max-width: @attachedWidth;
+ border-radius: @stepsBorderRadius @stepsBorderRadius 0em 0em;
+}
+.ui.attached.steps .step:first-child {
+ border-radius: @stepsBorderRadius 0em 0em 0em;
+}
+.ui.attached.steps .step:last-child {
+ border-radius: 0em @stepsBorderRadius 0em 0em;
+}
+
+/* Bottom */
+.ui.bottom.attached.steps {
+ margin: @attachedVerticalOffset @attachedHorizontalOffset 0em;
+ border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius;
+}
+.ui.bottom.attached.steps .step:first-child {
+ border-radius: 0em 0em 0em @stepsBorderRadius;
+}
+.ui.bottom.attached.steps .step:last-child {
+ border-radius: 0em 0em @stepsBorderRadius 0em;
+}
+
+/*-------------------
+ Evenly Divided
+--------------------*/
+
+.ui.one.steps,
+.ui.two.steps,
+.ui.three.steps,
+.ui.four.steps,
+.ui.five.steps,
+.ui.six.steps,
+.ui.seven.steps,
+.ui.eight.steps {
+ width: 100%;
+}
+.ui.one.steps > .step,
+.ui.two.steps > .step,
+.ui.three.steps > .step,
+.ui.four.steps > .step,
+.ui.five.steps > .step,
+.ui.six.steps > .step,
+.ui.seven.steps > .step,
+.ui.eight.steps > .step {
+ flex-wrap: nowrap;
+}
+.ui.one.steps > .step {
+ width: 100%;
+}
+.ui.two.steps > .step {
+ width: 50%;
+}
+.ui.three.steps > .step {
+ width: 33.333%;
+}
+.ui.four.steps > .step {
+ width: 25%;
+}
+.ui.five.steps > .step {
+ width: 20%;
+}
+.ui.six.steps > .step {
+ width: 16.666%;
+}
+.ui.seven.steps > .step {
+ width: 14.285%;
+}
+.ui.eight.steps > .step {
+ width: 12.500%;
+}
+
+/*-------------------
+ Sizes
+--------------------*/
+
+
+.ui.mini.steps .step,
+.ui.mini.step {
+ font-size: @mini;
+}
+.ui.tiny.steps .step,
+.ui.tiny.step {
+ font-size: @tiny;
+}
+.ui.small.steps .step,
+.ui.small.step {
+ font-size: @small;
+}
+.ui.steps .step,
+.ui.step {
+ font-size: @medium;
+}
+.ui.large.steps .step,
+.ui.large.step {
+ font-size: @large;
+}
+.ui.big.steps .step,
+.ui.big.step {
+ font-size: @big;
+}
+.ui.huge.steps .step,
+.ui.huge.step {
+ font-size: @huge;
+}
+.ui.massive.steps .step,
+.ui.massive.step {
+ font-size: @massive;
+}
+
+
+.loadUIOverrides();
http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/blob/db97ec6f/semantic/src/definitions/globals/reset.less
----------------------------------------------------------------------
diff --git a/semantic/src/definitions/globals/reset.less b/semantic/src/definitions/globals/reset.less
new file mode 100755
index 0000000..7514d94
--- /dev/null
+++ b/semantic/src/definitions/globals/reset.less
@@ -0,0 +1,40 @@
+/*!
+ * # Semantic UI - Reset
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+ Theme
+*******************************/
+
+@type : 'global';
+@element : 'reset';
+
+@import (multiple) '../../theme.config';
+
+/*******************************
+ Reset
+*******************************/
+
+/* Border-Box */
+*,
+*:before,
+*:after {
+ box-sizing: inherit;
+}
+html {
+ box-sizing: border-box;
+}
+
+/* iPad Input Shadows */
+input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
+ -webkit-appearance: none;
+ -moz-appearance: none; /* mobile firefox too! */
+}
+
+.loadUIOverrides();
http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/blob/db97ec6f/semantic/src/definitions/globals/site.js
----------------------------------------------------------------------
diff --git a/semantic/src/definitions/globals/site.js b/semantic/src/definitions/globals/site.js
new file mode 100644
index 0000000..63cbd9d
--- /dev/null
+++ b/semantic/src/definitions/globals/site.js
@@ -0,0 +1,487 @@
+/*!
+ * # Semantic UI - Site
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+;(function ($, window, document, undefined) {
+
+$.site = $.fn.site = function(parameters) {
+ var
+ time = new Date().getTime(),
+ performance = [],
+
+ query = arguments[0],
+ methodInvoked = (typeof query == 'string'),
+ queryArguments = [].slice.call(arguments, 1),
+
+ settings = ( $.isPlainObject(parameters) )
+ ? $.extend(true, {}, $.site.settings, parameters)
+ : $.extend({}, $.site.settings),
+
+ namespace = settings.namespace,
+ error = settings.error,
+
+ eventNamespace = '.' + namespace,
+ moduleNamespace = 'module-' + namespace,
+
+ $document = $(document),
+ $module = $document,
+ element = this,
+ instance = $module.data(moduleNamespace),
+
+ module,
+ returnedValue
+ ;
+ module = {
+
+ initialize: function() {
+ module.instantiate();
+ },
+
+ instantiate: function() {
+ module.verbose('Storing instance of site', module);
+ instance = module;
+ $module
+ .data(moduleNamespace, module)
+ ;
+ },
+
+ normalize: function() {
+ module.fix.console();
+ module.fix.requestAnimationFrame();
+ },
+
+ fix: {
+ console: function() {
+ module.debug('Normalizing window.console');
+ if (console === undefined || console.log === undefined) {
+ module.verbose('Console not available, normalizing events');
+ module.disable.console();
+ }
+ if (typeof console.group == 'undefined' || typeof console.groupEnd == 'undefined' || typeof console.groupCollapsed == 'undefined') {
+ module.verbose('Console group not available, normalizing events');
+ window.console.group = function() {};
+ window.console.groupEnd = function() {};
+ window.console.groupCollapsed = function() {};
+ }
+ if (typeof console.markTimeline == 'undefined') {
+ module.verbose('Mark timeline not available, normalizing events');
+ window.console.markTimeline = function() {};
+ }
+ },
+ consoleClear: function() {
+ module.debug('Disabling programmatic console clearing');
+ window.console.clear = function() {};
+ },
+ requestAnimationFrame: function() {
+ module.debug('Normalizing requestAnimationFrame');
+ if(window.requestAnimationFrame === undefined) {
+ module.debug('RequestAnimationFrame not available, normalizing event');
+ window.requestAnimationFrame = window.requestAnimationFrame
+ || window.mozRequestAnimationFrame
+ || window.webkitRequestAnimationFrame
+ || window.msRequestAnimationFrame
+ || function(callback) { setTimeout(callback, 0); }
+ ;
+ }
+ }
+ },
+
+ moduleExists: function(name) {
+ return ($.fn[name] !== undefined && $.fn[name].settings !== undefined);
+ },
+
+ enabled: {
+ modules: function(modules) {
+ var
+ enabledModules = []
+ ;
+ modules = modules || settings.modules;
+ $.each(modules, function(index, name) {
+ if(module.moduleExists(name)) {
+ enabledModules.push(name);
+ }
+ });
+ return enabledModules;
+ }
+ },
+
+ disabled: {
+ modules: function(modules) {
+ var
+ disabledModules = []
+ ;
+ modules = modules || settings.modules;
+ $.each(modules, function(index, name) {
+ if(!module.moduleExists(name)) {
+ disabledModules.push(name);
+ }
+ });
+ return disabledModules;
+ }
+ },
+
+ change: {
+ setting: function(setting, value, modules, modifyExisting) {
+ modules = (typeof modules === 'string')
+ ? (modules === 'all')
+ ? settings.modules
+ : [modules]
+ : modules || settings.modules
+ ;
+ modifyExisting = (modifyExisting !== undefined)
+ ? modifyExisting
+ : true
+ ;
+ $.each(modules, function(index, name) {
+ var
+ namespace = (module.moduleExists(name))
+ ? $.fn[name].settings.namespace || false
+ : true,
+ $existingModules
+ ;
+ if(module.moduleExists(name)) {
+ module.verbose('Changing default setting', setting, value, name);
+ $.fn[name].settings[setting] = value;
+ if(modifyExisting && namespace) {
+ $existingModules = $(':data(module-' + namespace + ')');
+ if($existingModules.length > 0) {
+ module.verbose('Modifying existing settings', $existingModules);
+ $existingModules[name]('setting', setting, value);
+ }
+ }
+ }
+ });
+ },
+ settings: function(newSettings, modules, modifyExisting) {
+ modules = (typeof modules === 'string')
+ ? [modules]
+ : modules || settings.modules
+ ;
+ modifyExisting = (modifyExisting !== undefined)
+ ? modifyExisting
+ : true
+ ;
+ $.each(modules, function(index, name) {
+ var
+ $existingModules
+ ;
+ if(module.moduleExists(name)) {
+ module.verbose('Changing default setting', newSettings, name);
+ $.extend(true, $.fn[name].settings, newSettings);
+ if(modifyExisting && namespace) {
+ $existingModules = $(':data(module-' + namespace + ')');
+ if($existingModules.length > 0) {
+ module.verbose('Modifying existing settings', $existingModules);
+ $existingModules[name]('setting', newSettings);
+ }
+ }
+ }
+ });
+ }
+ },
+
+ enable: {
+ console: function() {
+ module.console(true);
+ },
+ debug: function(modules, modifyExisting) {
+ modules = modules || settings.modules;
+ module.debug('Enabling debug for modules', modules);
+ module.change.setting('debug', true, modules, modifyExisting);
+ },
+ verbose: function(modules, modifyExisting) {
+ modules = modules || settings.modules;
+ module.debug('Enabling verbose debug for modules', modules);
+ module.change.setting('verbose', true, modules, modifyExisting);
+ }
+ },
+ disable: {
+ console: function() {
+ module.console(false);
+ },
+ debug: function(modules, modifyExisting) {
+ modules = modules || settings.modules;
+ module.debug('Disabling debug for modules', modules);
+ module.change.setting('debug', false, modules, modifyExisting);
+ },
+ verbose: function(modules, modifyExisting) {
+ modules = modules || settings.modules;
+ module.debug('Disabling verbose debug for modules', modules);
+ module.change.setting('verbose', false, modules, modifyExisting);
+ }
+ },
+
+ console: function(enable) {
+ if(enable) {
+ if(instance.cache.console === undefined) {
+ module.error(error.console);
+ return;
+ }
+ module.debug('Restoring console function');
+ window.console = instance.cache.console;
+ }
+ else {
+ module.debug('Disabling console function');
+ instance.cache.console = window.console;
+ window.console = {
+ clear : function(){},
+ error : function(){},
+ group : function(){},
+ groupCollapsed : function(){},
+ groupEnd : function(){},
+ info : function(){},
+ log : function(){},
+ markTimeline : function(){},
+ warn : function(){}
+ };
+ }
+ },
+
+ destroy: function() {
+ module.verbose('Destroying previous site for', $module);
+ $module
+ .removeData(moduleNamespace)
+ ;
+ },
+
+ cache: {},
+
+ setting: function(name, value) {
+ if( $.isPlainObject(name) ) {
+ $.extend(true, settings, name);
+ }
+ else if(value !== undefined) {
+ settings[name] = value;
+ }
+ else {
+ return settings[name];
+ }
+ },
+ internal: function(name, value) {
+ if( $.isPlainObject(name) ) {
+ $.extend(true, module, name);
+ }
+ else if(value !== undefined) {
+ module[name] = value;
+ }
+ else {
+ return module[name];
+ }
+ },
+ debug: function() {
+ if(settings.debug) {
+ if(settings.performance) {
+ module.performance.log(arguments);
+ }
+ else {
+ module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
+ module.debug.apply(console, arguments);
+ }
+ }
+ },
+ verbose: function() {
+ if(settings.verbose && settings.debug) {
+ if(settings.performance) {
+ module.performance.log(arguments);
+ }
+ else {
+ module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
+ module.verbose.apply(console, arguments);
+ }
+ }
+ },
+ error: function() {
+ module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
+ module.error.apply(console, arguments);
+ },
+ performance: {
+ log: function(message) {
+ var
+ currentTime,
+ executionTime,
+ previousTime
+ ;
+ if(settings.performance) {
+ currentTime = new Date().getTime();
+ previousTime = time || currentTime;
+ executionTime = currentTime - previousTime;
+ time = currentTime;
+ performance.push({
+ 'Element' : element,
+ 'Name' : message[0],
+ 'Arguments' : [].slice.call(message, 1) || '',
+ 'Execution Time' : executionTime
+ });
+ }
+ clearTimeout(module.performance.timer);
+ module.performance.timer = setTimeout(module.performance.display, 500);
+ },
+ display: function() {
+ var
+ title = settings.name + ':',
+ totalTime = 0
+ ;
+ time = false;
+ clearTimeout(module.performance.timer);
+ $.each(performance, function(index, data) {
+ totalTime += data['Execution Time'];
+ });
+ title += ' ' + totalTime + 'ms';
+ if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
+ console.groupCollapsed(title);
+ if(console.table) {
+ console.table(performance);
+ }
+ else {
+ $.each(performance, function(index, data) {
+ console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
+ });
+ }
+ console.groupEnd();
+ }
+ performance = [];
+ }
+ },
+ invoke: function(query, passedArguments, context) {
+ var
+ object = instance,
+ maxDepth,
+ found,
+ response
+ ;
+ passedArguments = passedArguments || queryArguments;
+ context = element || context;
+ if(typeof query == 'string' && object !== undefined) {
+ query = query.split(/[\. ]/);
+ maxDepth = query.length - 1;
+ $.each(query, function(depth, value) {
+ var camelCaseValue = (depth != maxDepth)
+ ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
+ : query
+ ;
+ if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
+ object = object[camelCaseValue];
+ }
+ else if( object[camelCaseValue] !== undefined ) {
+ found = object[camelCaseValue];
+ return false;
+ }
+ else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
+ object = object[value];
+ }
+ else if( object[value] !== undefined ) {
+ found = object[value];
+ return false;
+ }
+ else {
+ module.error(error.method, query);
+ return false;
+ }
+ });
+ }
+ if ( $.isFunction( found ) ) {
+ response = found.apply(context, passedArguments);
+ }
+ else if(found !== undefined) {
+ response = found;
+ }
+ if($.isArray(returnedValue)) {
+ returnedValue.push(response);
+ }
+ else if(returnedValue !== undefined) {
+ returnedValue = [returnedValue, response];
+ }
+ else if(response !== undefined) {
+ returnedValue = response;
+ }
+ return found;
+ }
+ };
+
+ if(methodInvoked) {
+ if(instance === undefined) {
+ module.initialize();
+ }
+ module.invoke(query);
+ }
+ else {
+ if(instance !== undefined) {
+ module.destroy();
+ }
+ module.initialize();
+ }
+ return (returnedValue !== undefined)
+ ? returnedValue
+ : this
+ ;
+};
+
+$.site.settings = {
+
+ name : 'Site',
+ namespace : 'site',
+
+ error : {
+ console : 'Console cannot be restored, most likely it was overwritten outside of module',
+ method : 'The method you called is not defined.'
+ },
+
+ debug : false,
+ verbose : false,
+ performance : true,
+
+ modules: [
+ 'accordion',
+ 'api',
+ 'checkbox',
+ 'dimmer',
+ 'dropdown',
+ 'embed',
+ 'form',
+ 'modal',
+ 'nag',
+ 'popup',
+ 'rating',
+ 'shape',
+ 'sidebar',
+ 'state',
+ 'sticky',
+ 'tab',
+ 'transition',
+ 'visit',
+ 'visibility'
+ ],
+
+ siteNamespace : 'site',
+ namespaceStub : {
+ cache : {},
+ config : {},
+ sections : {},
+ section : {},
+ utilities : {}
+ }
+
+};
+
+// allows for selection of elements with data attributes
+$.extend($.expr[ ":" ], {
+ data: ($.expr.createPseudo)
+ ? $.expr.createPseudo(function(dataName) {
+ return function(elem) {
+ return !!$.data(elem, dataName);
+ };
+ })
+ : function(elem, i, match) {
+ // support: jQuery < 1.8
+ return !!$.data(elem, match[ 3 ]);
+ }
+});
+
+
+})( jQuery, window, document );
http://git-wip-us.apache.org/repos/asf/incubator-senssoft-tap/blob/db97ec6f/semantic/src/definitions/globals/site.less
----------------------------------------------------------------------
diff --git a/semantic/src/definitions/globals/site.less b/semantic/src/definitions/globals/site.less
new file mode 100755
index 0000000..49c1534
--- /dev/null
+++ b/semantic/src/definitions/globals/site.less
@@ -0,0 +1,166 @@
+/*!
+ * # Semantic UI - Site
+ * http://github.com/semantic-org/semantic-ui/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+ Theme
+*******************************/
+
+@type : 'global';
+@element : 'site';
+
+@import (multiple) '../../theme.config';
+
+/*******************************
+ Page
+*******************************/
+
+.loadFonts();
+
+html,
+body {
+ height: 100%;
+}
+
+html {
+ font-size: @emSize;
+}
+
+body {
+ margin: 0px;
+ padding: 0px;
+ overflow-x: @pageOverflowX;
+ min-width: @pageMinWidth;
+ background: @pageBackground;
+ font-family: @pageFont;
+ font-size: @fontSize;
+ line-height: @lineHeight;
+ color: @textColor;
+ font-smoothing: @fontSmoothing;
+}
+
+
+
+/*******************************
+ Headers
+*******************************/
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+ font-family: @headerFont;
+ line-height: @headerLineHeight;
+ margin: @headerMargin;
+ font-weight: @headerFontWeight;
+ padding: 0em;
+}
+
+h1 {
+ min-height: 1rem;
+ font-size: @h1;
+}
+h2 {
+ font-size: @h2;
+}
+h3 {
+ font-size: @h3;
+}
+h4 {
+ font-size: @h4;
+}
+h5 {
+ font-size: @h5;
+}
+
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child {
+ margin-top: 0em;
+}
+
+h1:last-child,
+h2:last-child,
+h3:last-child,
+h4:last-child,
+h5:last-child {
+ margin-bottom: 0em;
+}
+
+
+/*******************************
+ Text
+*******************************/
+
+p {
+ margin: @paragraphMargin;
+ line-height: @paragraphLineHeight;
+}
+p:first-child {
+ margin-top: 0em;
+}
+p:last-child {
+ margin-bottom: 0em;
+}
+
+/*-------------------
+ Links
+--------------------*/
+
+a {
+ color: @linkColor;
+ text-decoration: @linkUnderline;
+}
+a:hover {
+ color: @linkHoverColor;
+ text-decoration: @linkHoverUnderline;
+}
+
+
+/*******************************
+ Highlighting
+*******************************/
+
+/* Site */
+::-webkit-selection {
+ background-color: @highlightBackground;
+ color: @highlightColor;
+}
+::-moz-selection {
+ background-color: @highlightBackground;
+ color: @highlightColor;
+}
+::selection {
+ background-color: @highlightBackground;
+ color: @highlightColor;
+}
+
+/* Form */
+textarea::-webkit-selection,
+input::-webkit-selection {
+ background-color: @inputHighlightBackground;
+ color: @inputHighlightColor;
+}
+textarea::-moz-selection,
+input::-moz-selection {
+ background-color: @inputHighlightBackground;
+ color: @inputHighlightColor;
+}
+textarea::selection,
+input::selection {
+ background-color: @inputHighlightBackground;
+ color: @inputHighlightColor;
+}
+
+
+.loadUIOverrides();