@northdata/fomantic-ui 2.9.401 → 2.9.403

package/lib/semantic-ui/dist/less/default/variation.variables

@@ -0,0 +1,796 @@
+/***********************************************************
+  Central element variation compilation enablers
+***********************************************************/
+
+/* General */
+@variationAllSizes: mini, tiny, small, large, big, huge, massive;
+@variationAllColors: primary, secondary, red, orange, yellow, olive, green, teal, blue, violet, purple, pink, brown, grey, black;
+@variationAllStates: error, info, success, warning;
+@variationAllConsequences: positive, negative, error, info, success, warning;
+
+/*******************************
+           Elements
+*******************************/
+
+/* Button */
+@variationButtonDisabled: true;
+@variationButtonAnimated: true;
+@variationButtonAnimatedFade: true;
+@variationButtonInverted: true;
+@variationButtonSocial: true;
+@variationButtonFloated: true;
+@variationButtonCompact: true;
+@variationButtonIcon: true;
+@variationButtonLoading: true;
+@variationButtonBasic: true;
+@variationButtonTertiary: true;
+@variationButtonLabeled: true;
+@variationButtonLabeledIcon: true;
+@variationButtonToggle: true;
+@variationButtonOr: true;
+@variationButtonAttached: true;
+@variationButtonFluid: true;
+@variationButtonEqualWidth: true;
+@variationButtonVertical: true;
+@variationButtonCircular: true;
+@variationButtonGroups: true;
+@variationButtonStackable: true;
+@variationButtonWrapping: true;
+@variationButtonWrapped: true;
+@variationButtonSpaced: true;
+@variationButtonConsequences: positive, negative;
+@variationButtonSizes: @variationAllSizes;
+@variationButtonColors: @variationAllColors;
+
+/* Container */
+@variationContainerGrid: true;
+@variationContainerRelaxed: true;
+@variationContainerVeryRelaxed: true;
+@variationContainerText: true;
+@variationContainerWide: true;
+@variationContainerFluid: true;
+@variationContainerAligned: true;
+@variationContainerJustified: true;
+@variationContainerResizable: true;
+@variationContainerScrolling: true;
+@variationContainerScrollingShort: true;
+@variationContainerScrollingVeryShort: true;
+@variationContainerScrollingLong: true;
+@variationContainerScrollingVeryLong: true;
+
+/* Divider */
+@variationDividerInverted: true;
+@variationDividerHorizontal: true;
+@variationDividerVertical: true;
+@variationDividerIcon: true;
+@variationDividerHidden: true;
+@variationDividerFitted: true;
+@variationDividerClearing: true;
+@variationDividerSection: true;
+@variationDividerSizes: @variationAllSizes;
+@variationDividerColors: @variationAllColors;
+
+/* Header */
+@variationHeaderDisabled: true;
+@variationHeaderInverted: true;
+@variationHeaderSub: true;
+@variationHeaderIcon: true;
+@variationHeaderAligned: true;
+@variationHeaderJustified: true;
+@variationHeaderFloated: true;
+@variationHeaderFitted: true;
+@variationHeaderDividing: true;
+@variationHeaderBlock: true;
+@variationHeaderAttached: true;
+@variationHeaderSeamless: true;
+@variationHeaderTags: h1, h2, h3, h4, h5, h6;
+@variationHeaderSizes: @variationAllSizes;
+@variationHeaderColors: @variationAllColors;
+
+/* Icon */
+@variationIconDeprecated: true;
+@variationIconSolid: true;
+@variationIconAliases: true;
+@variationIconOutline: true;
+@variationIconBrand: true;
+@variationIconThin: false; /* Font Awesome Pro only */
+@variationIconDuotone: false; /* Font Awesome Pro only */
+@variationIconDisabled: true;
+@variationIconInverted: true;
+@variationIconLoading: true;
+@variationIconFitted: true;
+@variationIconLink: true;
+@variationIconCircular: true;
+@variationIconBordered: true;
+@variationIconColored: true;
+@variationIconRotated: true;
+@variationIconFlipped: true;
+@variationIconCorner: true;
+@variationIconGroups: true;
+@variationIconSizes: @variationAllSizes;
+@variationIconColors: @variationAllColors;
+
+/* Image */
+@variationImageDisabled: true;
+@variationImageCircular: true;
+@variationImageBordered: true;
+@variationImageRounded: true;
+@variationImageInline: true;
+@variationImageAligned: true;
+@variationImageFluid: true;
+@variationImageAvatar: true;
+@variationImageFloated: true;
+@variationImageSpaced: true;
+@variationImageCentered: true;
+@variationImageGroups: true;
+@variationImageSizes: @variationAllSizes;
+
+/* Input */
+@variationInputDisabled: true;
+@variationInputInverted: true;
+@variationInputStates: @variationAllStates;
+@variationInputInvalid: false;
+@variationInputTransparent: true;
+@variationInputCorner: true;
+@variationInputLoading: true;
+@variationInputIcon: true;
+@variationInputLabeled: true;
+@variationInputAction: true;
+@variationInputFluid: true;
+@variationInputFile: true;
+@variationInputColors: @variationAllColors;
+@variationInputSizes: @variationAllSizes;
+
+/* Label */
+@variationLabelDisabled: true;
+@variationLabelInverted: true;
+@variationLabelImage: true;
+@variationLabelTag: true;
+@variationLabelCorner: true;
+@variationLabelRibbon: true;
+@variationLabelCircular: true;
+@variationLabelPointing: true;
+@variationLabelFloating: true;
+@variationLabelBasic: true;
+@variationLabelAttached: true;
+@variationLabelFluid: true;
+@variationLabelCentered: true;
+@variationLabelSizes: @variationAllSizes;
+@variationLabelColors: @variationAllColors;
+
+/* List */
+@variationListInverted: true;
+@variationListDisabled: true;
+@variationListBulleted: true;
+@variationListOrdered: true;
+@variationListIcon: true;
+@variationListImage: true;
+@variationListFloated: true;
+@variationListLink: true;
+@variationListAligned: true;
+@variationListFitted: true;
+@variationListAnimated: true;
+@variationListHorizontal: true;
+@variationListSuffixed: true;
+@variationListSelection: true;
+@variationListDivided: true;
+@variationListCelled: true;
+@variationListRelaxed: true;
+@variationListVeryRelaxed: true;
+@variationListHeader: true;
+@variationListDescription: true;
+@variationListSizes: @variationAllSizes;
+
+/* Loader */
+@variationLoaderSpeeds: true;
+@variationLoaderIndeterminate: true;
+@variationLoaderText: true;
+@variationLoaderInline: true;
+@variationLoaderDouble: true;
+@variationLoaderElastic: true;
+@variationLoaderSizes: @variationAllSizes;
+@variationLoaderColors: @variationAllColors;
+
+/* Placeholder */
+@variationPlaceholderInverted: true;
+@variationPlaceholderImage: true;
+@variationPlaceholderLine: true;
+@variationPlaceholderHeader: true;
+@variationPlaceholderFluid: true;
+@variationPlaceholderLengths: true;
+
+/* Rail */
+@variationRailInternal: true;
+@variationRailDividing: true;
+@variationRailDistance: true;
+@variationRailAttached: true;
+@variationRailSizes: @variationAllSizes;
+
+/* Reveal */
+@variationRevealDisabled: true;
+@variationRevealSlide: true;
+@variationRevealFade: true;
+@variationRevealMove: true;
+@variationRevealRotate: true;
+@variationRevealSizes: @variationAllSizes;
+
+/* Segment */
+@variationSegmentInverted: true;
+@variationSegmentDisabled: true;
+@variationSegmentVertical: true;
+@variationSegmentPlaceholder: true;
+@variationSegmentHorizontal: true;
+@variationSegmentPiled: true;
+@variationSegmentStacked: true;
+@variationSegmentPadded: true;
+@variationSegmentVeryPadded: true;
+@variationSegmentCircular: true;
+@variationSegmentCompact: true;
+@variationSegmentRaised: true;
+@variationSegmentGroups: true;
+@variationSegmentBasic: true;
+@variationSegmentClearing: true;
+@variationSegmentLoading: true;
+@variationSegmentFloating: true;
+@variationSegmentAligned: true;
+@variationSegmentSecondary: true;
+@variationSegmentTertiary: true;
+@variationSegmentAttached: true;
+@variationSegmentSeamless: true;
+@variationSegmentFitted: true;
+@variationSegmentResizable: true;
+@variationSegmentScrolling: true;
+@variationSegmentScrollingShort: true;
+@variationSegmentScrollingVeryShort: true;
+@variationSegmentScrollingLong: true;
+@variationSegmentScrollingVeryLong: true;
+@variationSegmentSizes: @variationAllSizes;
+@variationSegmentColors: @variationAllColors;
+
+/* Step */
+@variationStepInverted: true;
+@variationStepDisabled: true;
+@variationStepStackable: true;
+@variationStepVertical: true;
+@variationStepOrdered: true;
+@variationStepFluid: true;
+@variationStepAttached: true;
+@variationStepEqualWidth: true;
+@variationStepSizes: @variationAllSizes;
+@variationStepCircular: true;
+@variationStepUnstackable: true;
+@variationStepColors: @variationAllColors;
+
+/* Text */
+@variationTextInverted: true;
+@variationTextDisabled: true;
+@variationTextStates: @variationAllStates;
+@variationTextSizes: @variationAllSizes;
+@variationTextColors: @variationAllColors;
+
+/*******************************
+           Collections
+*******************************/
+
+/* Breadcrumb */
+@variationBreadcrumbInverted: true;
+@variationBreadcrumbSizes: @variationAllSizes;
+
+/* Form */
+@variationFormInverted: true;
+@variationFormDisabled: true;
+@variationFormTransparent: true;
+@variationFormLoading: true;
+@variationFormStates: @variationAllStates;
+@variationFormInvalid: true;
+@variationFormRequired: true;
+@variationFormInline: true;
+@variationFormGrouped: true;
+@variationFormEqualWidth: true;
+@variationFormWide: true;
+@variationFormUnstackable: true;
+@variationFormSizes: @variationAllSizes;
+
+/* Grid */
+@variationGridInverted: true;
+@variationGridPage: true;
+@variationGridCelled: true;
+@variationGridCentered: true;
+@variationGridRelaxed: true;
+@variationGridVeryRelaxed: true;
+@variationGridPadded: true;
+@variationGridFloated: true;
+@variationGridDivided: true;
+@variationGridHorizontal: true;
+@variationGridVertical: true;
+@variationGridAligned: true;
+@variationGridAttached: true;
+@variationGridStretched: true;
+@variationGridJustified: true;
+@variationGridReversed: true;
+@variationGridDoubling: true;
+@variationGridStackable: true;
+@variationGridCompact: true;
+@variationGridVeryCompact: true;
+@variationGridWide: true;
+@variationGridEqualWidth: true;
+@variationGridColors: @variationAllColors;
+
+/* Menu */
+@variationMenuInverted: true;
+@variationMenuSecondary: true;
+@variationMenuPointing: true;
+@variationMenuVertical: true;
+@variationMenuTabular: true;
+@variationMenuPagination: true;
+@variationMenuText: true;
+@variationMenuFluid: true;
+@variationMenuLabeled: true;
+@variationMenuStackable: true;
+@variationMenuFloated: true;
+@variationMenuCentered: true;
+@variationMenuFitted: true;
+@variationMenuBorderless: true;
+@variationMenuCompact: true;
+@variationMenuFixed: true;
+@variationMenuAttached: true;
+@variationMenuIcon: true;
+@variationMenuEqualWidth: true;
+@variationMenuWrapping: true;
+@variationMenuWrapped: true;
+@variationMenuSizes: @variationAllSizes;
+@variationMenuColors: @variationAllColors;
+
+/* Message */
+@variationMessageInverted: true;
+@variationMessageCompact: true;
+@variationMessageAttached: true;
+@variationMessageIcon: true;
+@variationMessageFloating: true;
+@variationMessageConsequences: @variationAllConsequences;
+@variationMessageCentered: true;
+@variationMessageRightAligned: true;
+@variationMessageSizes: @variationAllSizes;
+@variationMessageColors: @variationAllColors;
+
+/* Table */
+@variationTableInverted: true;
+@variationTableDisabled: true;
+@variationTableDefinition: true;
+@variationTableStructured: true;
+@variationTablePositive: true;
+@variationTableNegative: true;
+@variationTableError: true;
+@variationTableWarning: true;
+@variationTableActive: true;
+@variationTableStackable: true;
+@variationTableAligned: true;
+@variationTableFixed: true;
+@variationTableSelectable: true;
+@variationTableAttached: true;
+@variationTableStriped: true;
+@variationTableSortable: true;
+@variationTableCollapsing: true;
+@variationTableBasic: true;
+@variationTableVeryBasic: true;
+@variationTableCelled: true;
+@variationTablePadded: true;
+@variationTableVeryPadded: true;
+@variationTableCompact: true;
+@variationTableVeryCompact: true;
+@variationTableMarked: true;
+@variationTableEqualWidth: true;
+@variationTableWide: true;
+@variationTableResizable: true;
+@variationTableScrolling: true;
+@variationTableScrollingShort: true;
+@variationTableScrollingVeryShort: true;
+@variationTableScrollingLong: true;
+@variationTableScrollingVeryLong: true;
+@variationTableStuck: true;
+@variationTableStuckHead: true;
+@variationTableStuckFoot: true;
+@variationTableStuckFirst: true;
+@variationTableStuckLast: true;
+@variationTableOverflowing: true;
+@variationTableOverflowingShort: true;
+@variationTableOverflowingVeryShort: true;
+@variationTableOverflowingLong: true;
+@variationTableOverflowingVeryLong: true;
+@variationTableRowSpanned: true;
+@variationTableFullWidth: true;
+@variationTableUnstackable: true;
+@variationTableSizes: @variationAllSizes;
+@variationTableColors: @variationAllColors;
+
+/*******************************
+             Views
+*******************************/
+
+/* Ad */
+@variationAdLeaderboard: true;
+@variationAdBillboard: true;
+@variationAdPanorama: true;
+@variationAdNetboard: true;
+@variationAdRectangle: true;
+@variationAdSquare: true;
+@variationAdButton: true;
+@variationAdSkyscraper: true;
+@variationAdBanner: true;
+@variationAdMobile: true;
+@variationAdCentered: true;
+@variationAdTest: true;
+
+/* Card */
+@variationCardInverted: true;
+@variationCardBasic: true;
+@variationCardDisabled: true;
+@variationCardLoading: true;
+@variationCardHorizontal: true;
+@variationCardRaised: true;
+@variationCardCentered: true;
+@variationCardFluid: true;
+@variationCardLink: true;
+@variationCardDoubling: true;
+@variationCardStackable: true;
+@variationCardFloated: true;
+@variationCardAligned: true;
+@variationCardImage: true;
+@variationCardHeader: true;
+@variationCardDescription: true;
+@variationCardMeta: true;
+@variationCardExtra: true;
+@variationCardButton: true;
+@variationCardStar: true;
+@variationCardLike: true;
+@variationCardEqualWidth: true;
+@variationCardSizes: @variationAllSizes;
+@variationCardColors: @variationAllColors;
+
+/* Comment */
+@variationCommentInverted: true;
+@variationCommentDisabled: true;
+@variationCommentThreaded: true;
+@variationCommentMinimal: true;
+@variationCommentAvatar: true;
+@variationCommentAuthor: true;
+@variationCommentMeta: true;
+@variationCommentActions: true;
+@variationCommentReply: true;
+@variationCommentSizes: @variationAllSizes;
+@variationCommentColors: @variationAllColors;
+
+/* Feed */
+@variationFeedInverted: true;
+@variationFeedDisabled: true;
+@variationFeedMeta: true;
+@variationFeedSummary: true;
+@variationFeedUser: true;
+@variationFeedExtra: true;
+@variationFeedDate: true;
+@variationFeedLike: true;
+@variationFeedLabel: true;
+@variationFeedLabelIcon: true;
+@variationFeedLabelImage: true;
+@variationFeedLabelText: true;
+@variationFeedLabelUiLabel: true;
+@variationFeedConnected: true;
+@variationFeedDivided: true;
+@variationFeedOrdered: true;
+@variationFeedBasic: true;
+@variationFeedRightFloated: true;
+@variationFeedSizes: @variationAllSizes;
+@variationFeedColors: @variationAllColors;
+
+/* Item */
+@variationItemInverted: true;
+@variationItemDisabled: true;
+@variationItemImage: true;
+@variationItemHeader: true;
+@variationItemDescription: true;
+@variationItemMeta: true;
+@variationItemExtra: true;
+@variationItemFavorite: true;
+@variationItemLike: true;
+@variationItemFloated: true;
+@variationItemAligned: true;
+@variationItemRelaxed: true;
+@variationItemVeryRelaxed: true;
+@variationItemDivided: true;
+@variationItemLink: true;
+@variationItemUnstackable: true;
+@variationItemSizes: @variationAllSizes;
+
+/* Statistic */
+@variationStatisticInverted: true;
+@variationStatisticStackable: true;
+@variationStatisticFloated: true;
+@variationStatisticHorizontal: true;
+@variationStatisticEqualWidth: true;
+@variationStatisticFluid: true;
+@variationStatisticSizes: @variationAllSizes;
+@variationStatisticColors: @variationAllColors;
+
+/*******************************
+            Modules
+*******************************/
+
+/* Accordion */
+@variationAccordionInverted: true;
+@variationAccordionStyled: true;
+@variationAccordionBasicStyled: true;
+@variationAccordionFluid: true;
+@variationAccordionCompact: true;
+@variationAccordionVeryCompact: true;
+@variationAccordionRightDropdown: true;
+@variationAccordionTree: true;
+
+/* Calendar */
+@variationCalendarInverted: true;
+@variationCalendarDisabled: true;
+@variationCalendarMultiMonth: true;
+@variationCalendarSizes: @variationAllSizes;
+
+/* Checkbox */
+@variationCheckboxDisabled: true;
+@variationCheckboxReadonly: true;
+@variationCheckboxInverted: true;
+@variationCheckboxInvisible: true;
+@variationCheckboxCompact: true;
+@variationCheckboxRadio: true;
+@variationCheckboxSlider: true;
+@variationCheckboxToggle: true;
+@variationCheckboxIndeterminate: true;
+@variationCheckboxFitted: true;
+@variationCheckboxRightAligned: true;
+@variationCheckboxSizes: @variationAllSizes;
+@variationCheckboxColors: @variationAllColors;
+
+/* Dimmer */
+@variationDimmerInverted: true;
+@variationDimmerDisabled: true;
+@variationDimmerLegacy: true;
+@variationDimmerAligned: true;
+@variationDimmerPage: true;
+@variationDimmerBlurring: true;
+@variationDimmerShades: true;
+@variationDimmerSimple: true;
+@variationDimmerPartially: true;
+
+/* Dropdown */
+@variationDropdownInverted: true;
+@variationDropdownDisabled: true;
+@variationDropdownReadonly: true;
+@variationDropdownLabel: true;
+@variationDropdownButton: true;
+@variationDropdownSelection: true;
+@variationDropdownShort: true;
+@variationDropdownLong: true;
+@variationDropdownCompact: true;
+@variationDropdownSearch: true;
+@variationDropdownMultiple: true;
+@variationDropdownInline: true;
+@variationDropdownLoading: true;
+@variationDropdownStates: @variationAllStates;
+@variationDropdownClear: true;
+@variationDropdownLeft: true;
+@variationDropdownUpward: true;
+@variationDropdownSimple: true;
+@variationDropdownResizable: true;
+@variationDropdownScrolling: true;
+@variationDropdownFluid: true;
+@variationDropdownFloating: true;
+@variationDropdownPointing: true;
+@variationDropdownColumnar: true;
+@variationDropdownScrollhint: true;
+@variationDropdownUnlimited: true;
+@variationDropdownHighlightMatches: false;
+@variationDropdownSizes: @variationAllSizes;
+
+/* Embed */
+@variationEmbedRatio: true;
+
+/* Flyout */
+@variationFlyoutInverted: true;
+@variationFlyoutBasic: true;
+@variationFlyoutFullscreen: true;
+@variationFlyoutCentered: true;
+@variationFlyoutActions: true;
+@variationFlyoutLeftActions: true;
+@variationFlyoutBlurring: true;
+@variationFlyoutColumnWidth: true;
+@variationFlyoutThin: true;
+@variationFlyoutWide: true;
+@variationFlyoutTop: true;
+@variationFlyoutBottom: true;
+@variationFlyoutLeft: true;
+@variationFlyoutRight: true;
+@variationFlyoutOverlay: true;
+@variationFlyoutScrolling: true;
+@variationFlyoutClose: true;
+
+/* Modal */
+@variationModalInverted: true;
+@variationModalBasic: true;
+@variationModalFullscreen: true;
+@variationModalOverlay: true;
+@variationModalAligned: true;
+@variationModalResizable: true;
+@variationModalScrolling: true;
+@variationModalLegacy: true;
+@variationModalClose: true;
+@variationModalCloseInside: true;
+@variationModalCentered: true;
+@variationModalActions: true;
+@variationModalLeftActions: true;
+@variationModalSizes: @variationAllSizes;
+
+/* Nag */
+@variationNagInverted: true;
+@variationNagBottom: true;
+@variationNagOverlay: true;
+@variationNagFixed: true;
+@variationNagGroups: true;
+@variationNagSizes: @variationAllSizes;
+@variationNagColors: @variationAllColors;
+
+/* Popup */
+@variationPopupInverted: true;
+@variationPopupTooltip: true;
+@variationPopupPosition: true;
+@variationPopupTop: true;
+@variationPopupBottom: true;
+@variationPopupLeft: true;
+@variationPopupRight: true;
+@variationPopupCenter: true;
+@variationPopupLoading: true;
+@variationPopupBasic: true;
+@variationPopupWide: true;
+@variationPopupFluid: true;
+@variationPopupFlowing: true;
+@variationPopupFixed: true;
+@variationPopupMultiline: true;
+@variationPopupSizes: @variationAllSizes;
+@variationPopupColors: @variationAllColors;
+
+/* Progress */
+@variationProgressInverted: true;
+@variationProgressDisabled: true;
+@variationProgressBasic: true;
+@variationProgressIndicating: true;
+@variationProgressIndeterminate: true;
+@variationProgressSliding: true;
+@variationProgressFilling: true;
+@variationProgressSwinging: true;
+@variationProgressMultiple: true;
+@variationProgressSuccess: true;
+@variationProgressWarning: true;
+@variationProgressError: true;
+@variationProgressActive: true;
+@variationProgressAttached: true;
+@variationProgressSpeeds: true;
+@variationProgressRightAligned: true;
+@variationProgressSizes: @variationAllSizes;
+@variationProgressColors: @variationAllColors;
+
+/* Rating */
+@variationRatingDisabled: true;
+@variationRatingPartial: true;
+@variationRatingSizes: @variationAllSizes;
+@variationRatingColors: @variationAllColors;
+
+/* Search */
+@variationSearchDisabled: true;
+@variationSearchClear: true;
+@variationSearchCategory: true;
+@variationSearchHorizontalCategory: true;
+@variationSearchLoading: true;
+@variationSearchAligned: true;
+@variationSearchFluid: true;
+@variationSearchShort: true;
+@variationSearchVeryShort: true;
+@variationSearchLong: true;
+@variationSearchVeryLong: true;
+@variationSearchResizable: true;
+@variationSearchScrolling: true;
+@variationSearchHighlightMatches: false;
+@variationSearchSizes: @variationAllSizes;
+
+/* Shape */
+@variationShapeCube: true;
+@variationShapeText: true;
+@variationShapeLoading: true;
+
+/* Sidebar */
+@variationSidebarThin: true;
+@variationSidebarVeryThin: true;
+@variationSidebarWide: true;
+@variationSidebarVeryWide: true;
+@variationSidebarTop: true;
+@variationSidebarBottom: true;
+@variationSidebarLeft: true;
+@variationSidebarRight: true;
+@variationSidebarOverlay: true;
+@variationSidebarSlideAlong: true;
+@variationSidebarSlideOut: true;
+@variationSidebarScale: true;
+@variationSidebarPush: true;
+@variationSidebarUncover: true;
+@variationSidebarBlurring: true;
+
+/* Slider */
+@variationSliderInverted: true;
+@variationSliderDisabled: true;
+@variationSliderReversed: true;
+@variationSliderLabeled: true;
+@variationSliderTicked: true;
+@variationSliderVertical: true;
+@variationSliderBasic: true;
+@variationSliderHighlight: true;
+@variationSliderBottomAligned: true;
+@variationSliderRightAligned: true;
+@variationSliderUiLabel: true;
+@variationSliderSizes: small, large, big;
+@variationSliderColors: @variationAllColors;
+
+/* Tab */
+@variationTabLoading: true;
+
+/* Toast */
+@variationToastInverted: true;
+@variationToastTop: true;
+@variationToastBottom: true;
+@variationToastLeft: true;
+@variationToastRight: true;
+@variationToastCenter: true;
+@variationToastCentered: true;
+@variationToastInfo: true;
+@variationToastWarning: true;
+@variationToastSuccess: true;
+@variationToastError: true;
+@variationToastHorizontal: true;
+@variationToastFloating: true;
+@variationToastProgress: true;
+@variationToastIcon: true;
+@variationToastClose: true;
+@variationToastImage: true;
+@variationToastMessage: true;
+@variationToastCard: true;
+@variationToastActions: true;
+@variationToastVertical: true;
+@variationToastAttached: true;
+@variationToastCompact: true;
+@variationToastBasic: true;
+@variationToastUnclickable: true;
+@variationToastColors: @variationAllColors;
+
+/* Transition */
+@variationTransitionDisabled: true;
+@variationTransitionLoading: true;
+@variationTransitionLooping: true;
+@variationTransitionInverted: true;
+@variationTransitionBrowse: true;
+@variationTransitionDrop: true;
+@variationTransitionFade: true;
+@variationTransitionFlip: true;
+@variationTransitionScale: true;
+@variationTransitionFly: true;
+@variationTransitionSlide: true;
+@variationTransitionSwing: true;
+@variationTransitionZoom: true;
+@variationTransitionFlash: true;
+@variationTransitionShake: true;
+@variationTransitionBounce: true;
+@variationTransitionTada: true;
+@variationTransitionPulse: true;
+@variationTransitionJiggle: true;
+@variationTransitionGlow: true;
+@variationTransitionPulsating: true;
+@variationTransitionColors: @variationAllColors;
+
+/* Emojis */
+@variationEmojiColons: true;
+@variationEmojiNoColons: true;
+@variationEmojiDisabled: true;
+@variationEmojiLoading: true;
+@variationEmojiLink: true;