fomantic-ui 2.9.1-beta.0 → 2.9.1-beta.10

package/src/definitions/modules/popup.less

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Popup
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 
@@ -805,6 +805,56 @@
   }
 }
 
+& when not (@variationPopupColors = false) {
+  each(@variationPopupColors, {
+    @color: @value;
+    @c: @colors[@@color][color];
+    @l: @colors[@@color][light];
+
+    & when not (@variationPopupTooltip) {
+      .ui.ui.ui.@{color}.popup::before,
+      .ui.@{color}.popup {
+        background: @c;
+        color: @white;
+        border: none;
+      }
+      .ui.ui.ui.@{color}.popup::before {
+        box-shadow: none;
+      }
+      & when (@variationPopupInverted) {
+        .ui.inverted.@{color}.popup::before,
+        .ui.inverted.@{color}.popup {
+          background: @l;
+          color: @black;
+        }
+      }
+    }
+    & when (@variationPopupTooltip) {
+      .ui.ui.ui.@{color}.popup::before,
+      .ui.@{color}.popup,
+      [data-tooltip][data-variation~="@{color}"]::after,
+      [data-tooltip][data-variation~="@{color}"]::before {
+        background: @c;
+        color: @white;
+        border: none;
+      }
+      .ui.ui.ui.@{color}.popup::before,
+      [data-tooltip][data-variation~="@{color}"]::before {
+        box-shadow: none;
+      }
+      & when (@variationPopupInverted) {
+        .ui.ui.ui.inverted.@{color}.popup::before,
+        .ui.inverted.@{color}.popup,
+        [data-tooltip][data-inverted][data-variation~="@{color}"]::after,
+        [data-tooltip][data-inverted][data-variation~="@{color}"]::before {
+          background: @l;
+          color: @black;
+        }
+      }
+    }
+  })
+}
+
 & when (@variationPopupFlowing) {
   /*--------------
        Flowing

package/src/definitions/modules/progress.js

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Progress
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/modules/progress.less

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Progress Bar
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/modules/rating.js

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Rating
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/modules/rating.less

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Rating
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 
@@ -76,7 +76,7 @@
   }
 
   /* central override for colors */
-  .ui.ui.rating .icon.partial.active {
+  .ui.ui.ui.rating .icon.partial.active {
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;

package/src/definitions/modules/search.js

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Search
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/modules/search.less

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Search
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/modules/shape.js

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Shape
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/modules/shape.less

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Shape
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/modules/sidebar.js

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Sidebar
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/modules/sidebar.less

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Sidebar
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/modules/slider.js

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Slider
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/modules/sticky.js

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Sticky
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/modules/sticky.less

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Sticky
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/modules/tab.js

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Tab
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/modules/tab.less

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Tab
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/modules/toast.js

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Toast
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/modules/toast.less

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Toast
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/modules/transition.js

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Transition
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/modules/transition.less

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Transition
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 
@@ -73,10 +73,45 @@
 /*******************************
           Variations
 *******************************/
-& when (@variationTransitionLoading) {
+& when (@variationTransitionLooping) {
   .looping.transition {
     animation-iteration-count: infinite;
   }
 }
 
+& when (@variationTransitionPulsating) {
+  /* Pulsating */
+  .pulsating.transition {
+    animation-name: pulsating;
+    animation-duration: @pulsatingDuration;
+    box-shadow: 0 0 0 0 fade(@pulsatingColor, @pulsatingOpacity);
+  }
+  & when (@variationTransitionInverted) {
+    .inverted.pulsating.transition {
+      box-shadow: 0 0 0 0 fade(@pulsatingInvertedColor, @pulsatingInvertedOpacity);
+    }
+  }
+  @keyframes pulsating {
+    100% {
+      box-shadow: 0 0 0 @pulsatingDistance rgba(255,255,255,0);
+    }
+  }
+  & when not (@variationTransitionColors = false) {
+    each(@variationTransitionColors, {
+      @color: @value;
+      @c: @colors[@@color][color];
+      @l: @colors[@@color][light];
+
+      .@{color}.pulsating.transition {
+        box-shadow: 0 0 0 0 fade(@c, @pulsatingOpacity);
+      }
+      & when (@variationTransitionInverted) {
+        .@{color}.inverted.pulsating.transition {
+          box-shadow: 0 0 0 0 fade(@l, @pulsatingInvertedOpacity);
+        }
+      }
+    })
+  }
+}
+
 .loadUIOverrides();

package/src/definitions/views/ad.less

@@ -1,11 +1,11 @@
 /*!
  * # Fomantic-UI - Ad
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Copyright 2013 Contributors
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/views/card.less

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Card
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/views/comment.less

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Comment
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/views/feed.less

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Feed
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/views/item.less

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Item
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/definitions/views/statistic.less

@@ -1,10 +1,10 @@
 /*!
  * # Fomantic-UI - Statistic
- * http://github.com/fomantic/Fomantic-UI/
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 

package/src/themes/default/elements/icon.variables

@@ -41,6 +41,7 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
 @outlineFontName: 'outline-icons';
 @thinFontName: 'thin-icons';
 @brandFontName: 'brand-icons';
+@duotoneFontName: 'duotone-icons';
 
 @fonts: {
 @solid: {
@@ -49,6 +50,7 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
     if(@supportIE, e(',') url("@{fontPath}/@{fontName}.woff") format('woff'));
     font-style     : normal;
     font-weight    : @normal;
+    font-display   : block;
     font-variant   : normal;
     text-decoration: inherit;
     text-transform : none;
@@ -59,6 +61,7 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
     if(@supportIE, e(',') url("@{fontPath}/@{outlineFontName}.woff") format('woff'));
     font-style     : normal;
     font-weight    : @normal;
+    font-display   : block;
     font-variant   : normal;
     text-decoration: inherit;
     text-transform : none;
@@ -69,6 +72,7 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
     if(@supportIE, e(',') url("@{fontPath}/@{brandFontName}.woff") format('woff'));
     font-style     : normal;
     font-weight    : @normal;
+    font-display   : block;
     font-variant   : normal;
     text-decoration: inherit;
     text-transform : none;
@@ -2059,6 +2063,14 @@ ycombinator: \f23b;
 youtube_play: \f167;
 };
 
+@icon-duotone-map: {
+};
+@icon-duotone-secondary-map: {
+};
+@icon-duotone-aliases-map: {
+};
+@icon-duotone-secondary-aliases-map: {
+};
 
 /*--------------
    Definition
@@ -2114,3 +2126,9 @@ youtube_play: \f167;
 @big: 2em;
 @huge: 4em;
 @massive: 8em;
+
+/* Duotone specifics */
+@duotonePrimaryColor: inherit;
+@duotonePrimaryOpacity: 1;
+@duotoneSecondaryColor: inherit;
+@duotoneSecondaryOpacity: 0.4;

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

@@ -1086,6 +1086,7 @@
 --------------------*/
 
 @disabledOpacity: 0.45;
+@disabledPointerEvents: none;
 @disabledTextColor: rgba(40, 40, 40, 0.3);
 @invertedDisabledTextColor: rgba(225, 225, 225, 0.3);
 

package/src/themes/default/globals/variation.variables

@@ -38,6 +38,7 @@
 @variationButtonWrapping: true;
 @variationButtonWrapped: true;
 @variationButtonSpaced: true;
+@variationButtonConsequences: positive, negative;
 @variationButtonSizes: @variationAllSizes;
 @variationButtonColors: @variationAllColors;
 
@@ -90,7 +91,8 @@
 @variationIconAliases: true;
 @variationIconOutline: true;
 @variationIconBrand: true;
-@variationIconThin: true; /* Font Awesome Pro only */
+@variationIconThin: false; /* Font Awesome Pro only */
+@variationIconDuotone: false; /* Font Awesome Pro only */
 @variationIconDisabled: true;
 @variationIconInverted: true;
 @variationIconLoading: true;
@@ -125,6 +127,7 @@
 @variationInputDisabled: true;
 @variationInputInverted: true;
 @variationInputStates: @variationAllStates;
+@variationInputInvalid: true;
 @variationInputTransparent: true;
 @variationInputCorner: true;
 @variationInputLoading: true;
@@ -271,6 +274,7 @@
 @variationFormTransparent: true;
 @variationFormLoading: true;
 @variationFormStates: @variationAllStates;
+@variationFormInvalid: true;
 @variationFormRequired: true;
 @variationFormInline: true;
 @variationFormGrouped: true;
@@ -713,6 +717,8 @@
 /* Transition */
 @variationTransitionDisabled: true;
 @variationTransitionLoading: true;
+@variationTransitionLooping: true;
+@variationTransitionInverted: true;
 @variationTransitionBrowse: true;
 @variationTransitionDrop: true;
 @variationTransitionFade: true;
@@ -729,6 +735,8 @@
 @variationTransitionPulse: true;
 @variationTransitionJiggle: true;
 @variationTransitionGlow: true;
+@variationTransitionPulsating: true;
+@variationTransitionColors: @variationAllColors;
 
 /* Emojis */
 @variationEmojiColons: true;

package/src/themes/default/modules/calendar.variables

@@ -14,6 +14,8 @@
 @rangeInvertedTextColor: @invertedSelectedTextColor;
 @rangeInvertedBoxShadow: none;
 
+@invertedArrowBackground: #2b2b2b;
+
 @adjacentTextColor: @mutedTextColor;
 @adjacentBackground: @subtleTransparentBlack;
 @adjacentInvertedTextColor: @invertedMutedTextColor;

package/src/themes/default/modules/nag.variables

@@ -11,7 +11,7 @@
 @zIndex: 999;
 @margin: 0;
 
-@background: #777777;
+@background: #909090;
 @opacity: 0.95;
 @minHeight: 0;
 @padding: 0.75em 1em;

package/src/themes/default/modules/transition.variables

@@ -7,4 +7,11 @@
 @transitionDefaultDuration: 300ms;
 
 @use3DAcceleration: translateZ(0);
-@backfaceVisibility: hidden;
+@backfaceVisibility: hidden;
+
+@pulsatingColor: #808080;
+@pulsatingInvertedColor: #ffffff;
+@pulsatingDuration: 2000ms;
+@pulsatingDistance: 0.8rem;
+@pulsatingOpacity: 50%;
+@pulsatingInvertedOpacity: 70%;