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

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

@@ -275,6 +275,13 @@
 @trackInvertedBackgroundHex: #323232;
 @thumbInvertedBackgroundHex: #656565;
 
+/* Scrolling */
+@scrollingMobileMaxHeight: 15em;
+@scrollingTabletMaxHeight: 18em;
+@scrollingComputerMaxHeight: 24em;
+@scrollingWidescreenMaxHeight: 30em;
+@overscrollBehavior: none;
+
 /*-------------------
   Highlighted Text
 --------------------*/
@@ -1086,6 +1093,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;
@@ -149,6 +152,7 @@
 @variationLabelBasic: true;
 @variationLabelAttached: true;
 @variationLabelFluid: true;
+@variationLabelCentered: true;
 @variationLabelSizes: @variationAllSizes;
 @variationLabelColors: @variationAllColors;
 
@@ -271,6 +275,7 @@
 @variationFormTransparent: true;
 @variationFormLoading: true;
 @variationFormStates: @variationAllStates;
+@variationFormInvalid: true;
 @variationFormRequired: true;
 @variationFormInline: true;
 @variationFormGrouped: true;
@@ -473,6 +478,7 @@
 @variationStatisticFloated: true;
 @variationStatisticHorizontal: true;
 @variationStatisticEqualWidth: true;
+@variationStatisticFluid: true;
 @variationStatisticSizes: @variationAllSizes;
 @variationStatisticColors: @variationAllColors;
 
@@ -566,6 +572,7 @@
 @variationFlyoutLeft: true;
 @variationFlyoutRight: true;
 @variationFlyoutOverlay: true;
+@variationFlyoutScrolling: true;
 
 /* Modal */
 @variationModalInverted: true;
@@ -605,6 +612,7 @@
 @variationPopupFluid: true;
 @variationPopupFlowing: true;
 @variationPopupFixed: true;
+@variationPopupMultiline: true;
 @variationPopupSizes: @variationAllSizes;
 @variationPopupColors: @variationAllColors;
 
@@ -713,6 +721,8 @@
 /* Transition */
 @variationTransitionDisabled: true;
 @variationTransitionLoading: true;
+@variationTransitionLooping: true;
+@variationTransitionInverted: true;
 @variationTransitionBrowse: true;
 @variationTransitionDrop: true;
 @variationTransitionFade: true;
@@ -729,6 +739,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/popup.variables

@@ -116,6 +116,8 @@
        Variations
 --------------------*/
 
+@multilineWhiteSpace: pre-line;
+
 /* Wide */
 @wideWidth: 350px;
 @veryWideWidth: 550px;

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%;