fomantic-ui 2.9.1-beta.20 → 2.9.1-beta.21

package/src/definitions/modules/embed.less

@@ -101,7 +101,6 @@
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
-
     color: @iconColor;
     font-size: @iconSize;
     text-shadow: @iconShadow;

package/src/definitions/modules/flyout.less

@@ -26,14 +26,12 @@
     position: fixed;
     top: 0;
     left: 0;
-
     backface-visibility: hidden;
     transition: none;
     will-change: transform;
     transform: translate3d(0, 0, 0);
     visibility: hidden;
     -webkit-overflow-scrolling: touch;
-
     height: 100%;
     max-height: 100%;
     max-width: 100%;
@@ -41,7 +39,6 @@
     margin: 0;
     overflow-y: hidden;
     z-index: @topLayer;
-
     background: #FFFFFF;
 }
 
@@ -247,7 +244,6 @@ body.pushable {
 .pushable > .fixed {
     position: fixed;
     backface-visibility: hidden;
-
     transition: transform @duration @easing;
     will-change: transform;
     z-index: @fixedLayer;

package/src/definitions/modules/modal.less

@@ -26,14 +26,11 @@
     display: none;
     z-index: @zIndex;
     text-align: left;
-
     background: @background;
     border: @border;
     box-shadow: @boxShadow;
     transform-origin: @transformOrigin;
-
     flex: 0 0 auto;
-
     border-radius: @borderRadius;
     user-select: text;
     will-change: top, left, margin, transform, opacity;
@@ -70,11 +67,9 @@
     top: @closeTop;
     right: @closeRight;
     z-index: 1;
-
     opacity: @closeOpacity;
     font-size: @closeSize;
     color: @closeColor;
-
     width: @closeHitbox;
     height: @closeHitbox;
     padding: @closePadding;
@@ -96,7 +91,6 @@
     margin: @headerMargin;
     padding: @headerPadding;
     box-shadow: @headerBoxShadow;
-
     color: @headerColor;
     border-bottom: @headerBorder;
 }

package/src/definitions/modules/nag.less

@@ -25,24 +25,18 @@
     display: none;
     opacity: @opacity;
     position: @position;
-
     top: @top;
     left: 0;
     z-index: @zIndex;
-
     min-height: @minHeight;
     width: @width;
-
     margin: @margin;
     padding: @padding;
-
     background: @background;
     box-shadow: @boxShadow;
-
     font-size: @fontSize;
     text-align: @textAlign;
     color: @color;
-
     border-radius: @topBorderRadius;
     transition: @transition;
 }
@@ -60,13 +54,10 @@ a.ui.nag {
 .ui.nag > .close.icon {
     cursor: pointer;
     opacity: @closeOpacity;
-
     position: absolute;
     top: @closeTop;
     right: @closeRight;
-
     font-size: @closeSize;
-
     margin: @closeMargin;
     color: @closeColor;
     transition: @closeTransition;

package/src/definitions/modules/popup.js

@@ -1497,12 +1497,12 @@
                     html   = '',
                     escape = $.fn.popup.settings.templates.escape
                 ;
-                if (typeof text !== undefined) {
-                    if (typeof text.title !== undefined && text.title) {
+                if (text !== undefined) {
+                    if (text.title) {
                         text.title = escape(text.title);
                         html += '<div class="header">' + text.title + '</div>';
                     }
-                    if (typeof text.content !== undefined && text.content) {
+                    if (text.content) {
                         text.content = escape(text.content);
                         html += '<div class="content">' + text.content + '</div>';
                     }

package/src/definitions/modules/popup.less

@@ -30,23 +30,19 @@
     /* Fixes content being squished when inline (moz only) */
     min-width: min-content;
     z-index: @zIndex;
-
     border: @border;
     line-height: @lineHeight;
     max-width: @maxWidth;
     background: @background;
-
     padding: @verticalPadding @horizontalPadding;
     font-weight: @fontWeight;
     font-style: @fontStyle;
     color: @color;
-
     border-radius: @borderRadius;
     box-shadow: @boxShadow;
 }
 .ui.popup > .header {
     padding: 0;
-
     font-family: @headerFont;
     font-size: @headerFontSize;
     line-height: @headerLineHeight;
@@ -61,10 +57,8 @@
     content: '';
     width: @arrowSize;
     height: @arrowSize;
-
     background: @arrowBackground;
     transform: rotate(45deg);
-
     z-index: @arrowZIndex;
     box-shadow: @arrowBoxShadow;
 }
@@ -91,10 +85,8 @@
         font-size: @medium;
         width: @arrowSize;
         height: @arrowSize;
-
         background: @tooltipArrowBackground;
         transform: rotate(45deg);
-
         z-index: @arrowZIndex;
         box-shadow: @tooltipArrowBoxShadow;
     }
@@ -108,19 +100,15 @@
         text-align: left;
         text-shadow: none;
         white-space: nowrap;
-
         font-size: @tooltipFontSize;
-
         border: @tooltipBorder;
         line-height: @tooltipLineHeight;
         max-width: @tooltipMaxWidth;
         background: @tooltipBackground;
-
         padding: @tooltipPadding;
         font-weight: @tooltipFontWeight;
         font-style: @tooltipFontStyle;
         color: @tooltipColor;
-
         border-radius: @tooltipBorderRadius;
         box-shadow: @tooltipBoxShadow;
         z-index: @tooltipZIndex;

package/src/definitions/modules/progress.js

@@ -606,7 +606,7 @@
                         }
                     },
                     barLabel: function (text) {
-                        $progresses.map(function (index, element) {
+                        $progresses.each(function (index, element) {
                             var $progress = $(element);
                             if (text !== undefined) {
                                 $progress.text(module.get.text(text, index));

package/src/definitions/modules/progress.less

@@ -333,16 +333,13 @@
     .ui.active.progress .bar::after {
         content: '';
         opacity: 0;
-
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background: @activePulseColor;
-
         border-radius: @barBorderRadius;
-
         animation: progress-active @activePulseDuration @defaultEasing infinite;
         transform-origin: left;
     }

package/src/definitions/modules/search.js

@@ -1356,7 +1356,7 @@
 
         regExp: {
             escape: /[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,
-            beginsWith: '(?:\s|^)',
+            beginsWith: '(?:\\s|^)',
         },
 
         // maps api response attributes to internal representation

package/src/definitions/modules/search.less

@@ -30,15 +30,12 @@
     outline: none;
     -webkit-appearance: none;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-
     text-shadow: none;
     font-style: normal;
     font-weight: @normal;
-
     line-height: @promptLineHeight;
     padding: @promptPadding;
     font-size: @promptFontSize;
-
     background: @promptBackground;
     border: @promptBorder;
     color: @promptColor;
@@ -64,7 +61,6 @@
 
 .ui.search > .results {
     display: none;
-
     position: absolute;
     top: 100%;
     left: 0;
@@ -72,12 +68,9 @@
     white-space: normal;
     text-align: left;
     text-transform: none;
-
     background: @resultsBackground;
-
     margin-top: @resultsDistance;
     width: @resultsWidth;
-
     border-radius: @resultsBorderRadius;
     box-shadow: @resultsBoxShadow;
     border: @resultsBorder;
@@ -202,11 +195,9 @@
         content: '';
         top: 50%;
         left: 50%;
-
         margin: @loaderMargin;
         width: @loaderSize;
         height: @loaderSize;
-
         border-radius: @circularRadius;
         border: @loaderLineWidth solid @loaderFillColor;
     }
@@ -215,15 +206,12 @@
         content: '';
         top: 50%;
         left: 50%;
-
         margin: @loaderMargin;
         width: @loaderSize;
         height: @loaderSize;
-
         animation: loader @loaderSpeed infinite linear;
         border: @loaderLineWidth solid @loaderLineColor;
         border-radius: @circularRadius;
-
         box-shadow: 0 0 0 1px transparent;
     }
 }

package/src/definitions/modules/shape.less

@@ -38,7 +38,6 @@
     display: none;
     opacity: 1;
     width: 100%;
-
     margin: @sideMargin !important;
     backface-visibility: @backfaceVisibility;
 }
@@ -55,9 +54,7 @@
     .ui.cube.shape .side {
         min-width: @cubeSize;
         height: @cubeSize;
-
         padding: @cubePadding;
-
         background-color: @cubeBackground;
         color: @cubeTextColor;
         box-shadow: @cubeBoxShadow;
@@ -66,7 +63,6 @@
         width: 100%;
         height: 100%;
         display: table;
-
         text-align: @cubeTextAlign;
         user-select: text;
     }

package/src/definitions/modules/sidebar.less

@@ -26,14 +26,12 @@
     position: fixed;
     top: 0;
     left: 0;
-
     backface-visibility: hidden;
     transition: none;
     will-change: transform;
     transform: translate3d(0, 0, 0);
     visibility: hidden;
     -webkit-overflow-scrolling: touch;
-
     height: 100% !important;
     max-height: 100%;
     border-radius: 0 !important;
@@ -128,7 +126,6 @@ body.pushable {
 .pushable > .fixed {
     position: fixed;
     backface-visibility: hidden;
-
     transition: transform @duration @easing;
     will-change: transform;
     z-index: @fixedLayer;

package/src/definitions/modules/sticky.less

@@ -67,6 +67,7 @@
     & when (@supportIE) {
         position: -ms-sticky;
     }
+
     position: -o-sticky;
     position: sticky;
 }

package/src/definitions/modules/tab.less

@@ -60,11 +60,9 @@
         content: '';
         top: @loaderDistanceFromTop;
         left: 50%;
-
         margin: @loaderMargin;
         width: @loaderSize;
         height: @loaderSize;
-
         border-radius: @circularRadius;
         border: @loaderLineWidth solid @loaderFillColor;
     }
@@ -74,15 +72,12 @@
         content: '';
         top: @loaderDistanceFromTop;
         left: 50%;
-
         margin: @loaderMargin;
         width: @loaderSize;
         height: @loaderSize;
-
         animation: loader @loaderSpeed infinite linear;
         border: @loaderLineWidth solid @loaderLineColor;
         border-radius: @circularRadius;
-
         box-shadow: 0 0 0 1px transparent;
     }
 }

package/src/definitions/views/ad.less

@@ -278,7 +278,6 @@
         width: 100%;
         text-align: center;
         transform: translateX(-50%) translateY(-50%);
-
         content: @testText;
         color: @testColor;
         font-size: @testFontSize;

package/src/definitions/views/card.less

@@ -31,12 +31,10 @@
     position: relative;
     display: @display;
     flex-direction: column;
-
     width: @width;
     min-height: @minHeight;
     background: @background;
     padding: @padding;
-
     border: @border;
     border-radius: @borderRadius;
     box-shadow: @boxShadow;
@@ -509,15 +507,12 @@
         content: '';
         top: 50%;
         left: 50%;
-
         margin: @loaderMargin;
         width: @loaderSize;
         height: @loaderSize;
-
         animation: loader @loaderSpeed infinite linear;
         border: @loaderLineWidth solid @loaderLineColor;
         border-radius: @circularRadius;
-
         box-shadow: 0 0 0 1px transparent;
         visibility: visible;
         z-index: @loaderLineZIndex;
@@ -560,6 +555,7 @@
         & when (@supportIE) {
             display: -ms-flexbox;
         }
+
         display: -webkit-flex;
         display: flex;
         width: 100%;

package/src/definitions/views/item.less

@@ -32,7 +32,6 @@
     min-height: @minHeight;
     background: @background;
     padding: @padding;
-
     border: @border;
     border-radius: @borderRadius;
     box-shadow: @boxShadow;

package/src/themes/amazon/elements/button.overrides

@@ -1,46 +1,45 @@
 .ui.button {
-  background-image: linear-gradient(center top , #F7F8FA, #E7E9EC) repeat scroll 0 0 rgba(0, 0, 0, 0);
+    background-image: linear-gradient(center top, #F7F8FA, #E7E9EC) repeat scroll 0 0 rgba(0, 0, 0, 0);
 }
 
 .ui.primary.button {
-  color: #111111;
-  border: 1px solid;
-  border-color: #C59F43 #AA8326 #957321;
+    color: #111111;
+    border: 1px solid;
+    border-color: #C59F43 #AA8326 #957321;
 }
 .ui.primary.button:hover {
-  border-color: #C59F43 #AA8326 #957321;
-  color: #111111;
+    border-color: #C59F43 #AA8326 #957321;
+    color: #111111;
 }
 
 .ui.secondary.button {
-  border: 1px solid;
-  border-color: #3D444C #2F353B #2C3137;
+    border: 1px solid;
+    border-color: #3D444C #2F353B #2C3137;
 }
 .ui.secondary.button:hover {
-  border-color: #32373E #24282D #212429;
+    border-color: #32373E #24282D #212429;
 }
 
-
 .ui.labeled.icon.buttons .button > .icon,
 .ui.labeled.icon.button > .icon {
-  padding-bottom: 0.48em;
-  padding-top: 0.48em;
-  position: absolute;
-  text-align: center;
-  width: 2em;
-  height: 2em;
-  top: 0.35em;
-  left: 0.4em;
-  border-radius: 3px;
+    padding-bottom: 0.48em;
+    padding-top: 0.48em;
+    position: absolute;
+    text-align: center;
+    width: 2em;
+    height: 2em;
+    top: 0.35em;
+    left: 0.4em;
+    border-radius: 3px;
 }
 .ui.right.labeled.icon.buttons .button > .icon,
 .ui.right.labeled.icon.button > .icon {
-  left: auto;
-  right: 0.4em;
-  border-radius: 3px;
+    left: auto;
+    right: 0.4em;
+    border-radius: 3px;
 }
 
 .ui.basic.labeled.icon.buttons .button > .icon,
 .ui.basic.labeled.icon.button > .icon {
-  padding-top: 0.4em !important;
-}
+    padding-top: 0.4em !important;
+}

package/src/themes/amazon/elements/button.variables

@@ -1,6 +1,6 @@
-/*-------------------
+/* -------------------
    Button Variables
---------------------*/
+-------------------- */
 
 /* Button Variables */
 @pageFont: Helvetica Neue, Helvetica, Arial, sans-serif;
@@ -8,10 +8,10 @@
 @textColor: #111111;
 @fontWeight: normal;
 @transition:
-  opacity @defaultDuration @defaultEasing,
-  background-color @defaultDuration @defaultEasing,
-  color @defaultDuration @defaultEasing,
-  background @defaultDuration @defaultEasing
+    opacity @defaultDuration @defaultEasing,
+    background-color @defaultDuration @defaultEasing,
+    color @defaultDuration @defaultEasing,
+    background @defaultDuration @defaultEasing
 ;
 
 @hoverBackgroundColor: #E0E0E0;
@@ -23,18 +23,18 @@
 @backgroundColor: #F7F8FA;
 @backgroundImage: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
 @boxShadow:
-  0 1px 0 1px rgba(255, 255, 255, 0.3) inset,
-  0 0 0 1px #ADB2BB inset
+    0 1px 0 1px rgba(255, 255, 255, 0.3) inset,
+    0 0 0 1px #ADB2BB inset
 ;
 
 @coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
 @coloredBoxShadow:
-  0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset
+    0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset
 ;
 
 @downBoxShadow:
-  0 0 0 1px #ADB2BB inset,
-  0 1px 3px rgba(0, 0, 0, 0.2) inset
+    0 0 0 1px #ADB2BB inset,
+    0 1px 3px rgba(0, 0, 0, 0.2) inset
 ;
 
 @labeledIconBackgroundColor: #313A43;

package/src/themes/amazon/globals/site.variables

@@ -2,7 +2,7 @@
      User Global Variables
 *******************************/
 
-@pageMinWidth  : 1049px;
+@pageMinWidth : 1049px;
 @pageOverflowX : visible;
 
 @emSize: 13px;
@@ -39,6 +39,5 @@
 @green: #60B044;
 @orange: #D26911;
 
-
 @infoBackgroundColor: #E6F1F6;
-@infoTextColor: #4E575B;
+@infoTextColor: #4E575B;

package/src/themes/basic/collections/table.overrides

@@ -1,4 +1,3 @@
 /*******************************
            Overrides
 *******************************/
-

package/src/themes/basic/collections/table.variables

@@ -1,6 +1,6 @@
-/*-------------------
+/* -------------------
    Table Variables
---------------------*/
+-------------------- */
 
 @headerBackground: @white;
 @footerBackground: @white;
@@ -8,4 +8,4 @@
 @cellVerticalPadding: 1em;
 @cellHorizontalPadding: 1em;
 
-@stateMarkerWidth: 1px;
+@stateMarkerWidth: 1px;

package/src/themes/basic/elements/button.overrides

@@ -1,4 +1,3 @@
 /*******************************
            Overrides
 *******************************/
-

package/src/themes/basic/elements/button.variables

@@ -1,6 +1,6 @@
-/*-------------------
+/* -------------------
    Button Variables
---------------------*/
+-------------------- */
 
 /* Button Variables */
 @textTransform: none;

package/src/themes/basic/elements/icon.overrides

@@ -49,7 +49,6 @@ i.icon.layout.list::before { content: '\e80b'; } /* '' */
 i.icon.heart.empty::before { content: '\2661'; } /* '♡' */
 i.icon.heart::before { content: '\2665'; } /* '♥' */
 
-
 i.icon.asterisk::before { content: '\2731'; } /* '✱' */
 i.icon.attachment::before { content: '📎'; } /* '\1f4ce' */
 i.icon.attention::before { content: '\26a0'; } /* '⚠' */
@@ -83,7 +82,7 @@ i.icon.paint::before { content: '\e7b5'; } /* '' */
 i.icon.edit::before { content: '\270d'; } /* '✍' */
 i.icon.eject::before { content: '\2ecf'; } /* '⻏' */
 i.icon.export::before { content: '\e715'; } /* '' */
-i.icon.hide::before  { content: '\e70b'; } /* '' */
+i.icon.hide::before { content: '\e70b'; } /* '' */
 i.icon.unhide::before { content: '\e80f'; } /* '' */
 i.icon.facebook::before { content: '\f301'; } /* '' */
 i.icon.fast-forward::before { content: '\e804'; } /* '' */
@@ -139,25 +138,25 @@ i.icon.url::before { content: '🔗'; } /* '\1f517' */
 i.icon.zoom.in::before { content: '\e750'; } /* '' */
 i.icon.zoom.out::before { content: '\e751'; } /* '' */
 
-/*--------------
+/* --------------
    Spacing Fix
----------------*/
+--------------- */
 
 /* dropdown arrows are to the right */
 i.dropdown.icon {
-  margin: 0em 0em 0em 0.5em;
+    margin: 0em 0em 0em 0.5em;
 }
 
 /* stars are usually consecutive */
 i.icon.star {
-  width: auto;
-  margin: 0em;
+    width: auto;
+    margin: 0em;
 }
 
 /* left side basic.icons */
 i.icon.left {
-  width: auto;
-  margin: 0em 0.5em 0em 0em;
+    width: auto;
+    margin: 0em 0.5em 0em 0em;
 }
 
 /* right side basic.icons */
@@ -165,13 +164,13 @@ i.icon.search,
 i.icon.up,
 i.icon.down,
 i.icon.right {
-  width: auto;
-  margin: 0em 0em 0em 0.5em;
+    width: auto;
+    margin: 0em 0em 0em 0.5em;
 }
 
-/*--------------
+/* --------------
      Aliases
----------------*/
+--------------- */
 
 /* aliases for convenience */
 i.icon.delete::before { content: '\e80d'; } /* '' */