:star:

1 files changed, 560 insertions, 0 deletions

diff --git a/semantic/src/themes/default/globals/variation.variables b/semantic/src/themes/default/globals/variation.variables
new file mode 100644
index 0000000..fcef751
--- /dev/null
+++ b/semantic/src/themes/default/globals/variation.variables
@@ -0,0 +1,560 @@
+/***********************************************************
+  Central element variation compilation enablers
+***********************************************************/
+
+/* General */
+@variationAllSizes: mini, tiny, small, large, big, huge, massive;
+
+/*******************************
+           Elements
+*******************************/
+
+/* Button */
+@variationButtonDisabled: true;
+@variationButtonAnimated: true;
+@variationButtonInverted: true;
+@variationButtonSocial: true;
+@variationButtonFloated: true;
+@variationButtonCompact: true;
+@variationButtonBasic: true;
+@variationButtonTertiary: true;
+@variationButtonLabeled: true;
+@variationButtonLabeledIcon: true;
+@variationButtonToggle: true;
+@variationButtonOr: true;
+@variationButtonAttached: true;
+@variationButtonFluid: true;
+@variationButtonCircular: true;
+@variationButtonGroups: true;
+@variationButtonSizes: @variationAllSizes;
+
+/* Container */
+@variationContainerGrid: true;
+@variationContainerRelaxed: true;
+@variationContainerText: true;
+@variationContainerFluid: true;
+@variationContainerAligned: true;
+@variationContainerJustified: true;
+
+/* Divider */
+@variationDividerInverted: true;
+@variationDividerHorizontal: true;
+@variationDividerVertical: true;
+@variationDividerIcon: true;
+@variationDividerHidden: true;
+@variationDividerFitted: true;
+@variationDividerClearing: true;
+@variationDividerSection: true;
+@variationDividerSizes: @variationAllSizes;
+
+/* Header */
+@variationHeaderDisabled: true;
+@variationHeaderInverted: true;
+@variationHeaderSub: true;
+@variationHeaderIcon: true;
+@variationHeaderAligned: true;
+@variationHeaderJustified: true;
+@variationHeaderFloated: true;
+@variationHeaderFitted: true;
+@variationHeaderDividing: true;
+@variationHeaderBlock: true;
+@variationHeaderAttached: true;
+@variationHeaderTags: h1, h2, h3, h4, h5, h6;
+@variationHeaderSizes: @variationAllSizes;
+
+/* Icon */
+@variationIconDisabled: true;
+@variationIconInverted: true;
+@variationIconLoading: true;
+@variationIconFitted: true;
+@variationIconLink: true;
+@variationIconCircular: true;
+@variationIconBordered: true;
+@variationIconRotated: true;
+@variationIconFlipped: true;
+@variationIconCorner: true;
+@variationIconGroups: true;
+@variationIconSizes: @variationAllSizes;
+
+/* 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: true;
+@variationInputTransparent: true;
+@variationInputCorner: true;
+@variationInputLoading: true;
+@variationInputIcon: true;
+@variationInputLabeled: true;
+@variationInputAction: true;
+@variationInputFluid: true;
+@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;
+@variationLabelSizes: @variationAllSizes;
+
+/* 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;
+@variationListSizes: @variationAllSizes;
+
+/* Loader */
+@variationLoaderSpeeds: true;
+@variationLoaderIndeterminate: true;
+@variationLoaderText: true;
+@variationLoaderInline: true;
+@variationLoaderElastic: true;
+@variationLoaderSizes: @variationAllSizes;
+
+/* 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;
+@variationSegmentCircular: true;
+@variationSegmentCompact: true;
+@variationSegmentRaised: true;
+@variationSegmentGroups: true;
+@variationSegmentBasic: true;
+@variationSegmentClearing: true;
+@variationSegmentLoading: true;
+@variationSegmentFloating: true;
+@variationSegmentAligned: true;
+@variationSegmentSecondary: true;
+@variationSegmentTertiary: true;
+@variationSegmentAttached: true;
+@variationSegmentFitted: true;
+@variationSegmentSizes: @variationAllSizes;
+
+/* Step */
+@variationStepInverted: true;
+@variationStepDisabled: true;
+@variationStepStackable: true;
+@variationStepVertical: true;
+@variationStepOrdered: true;
+@variationStepFluid: true;
+@variationStepAttached: true;
+@variationStepSizes: @variationAllSizes;
+
+/* Text */
+@variationTextInverted: true;
+@variationTextDisabled: true;
+@variationTextStates: true;
+@variationTextSizes: @variationAllSizes;
+
+
+/*******************************
+           Collections
+*******************************/
+
+/* Breadcrumb */
+@variationBreadcrumbInverted: true;
+@variationBreadcrumbSizes: @variationAllSizes;
+
+/* Form */
+@variationFormInverted: true;
+@variationFormDisabled: true;
+@variationFormTransparent: true;
+@variationFormLoading: true;
+@variationFormStates: true;
+@variationFormRequired: true;
+@variationFormInline: true;
+@variationFormGrouped: true;
+@variationFormSizes: @variationAllSizes;
+
+/* Grid */
+@variationGridInverted: true;
+@variationGridPage: true;
+@variationGridCelled: true;
+@variationGridCentered: true;
+@variationGridRelaxed: true;
+@variationGridPadded: true;
+@variationGridFloated: true;
+@variationGridDivided: true;
+@variationGridAligned: true;
+@variationGridStretched: true;
+@variationGridJustified: true;
+@variationGridReversed: true;
+@variationGridDoubling: true;
+@variationGridStackable: true;
+@variationGridCompact: true;
+
+/* Menu */
+@variationMenuInverted: true;
+@variationMenuSecondary: true;
+@variationMenuPointing: true;
+@variationMenuVertical: true;
+@variationMenuTabular: true;
+@variationMenuPagination: true;
+@variationMenuText: true;
+@variationMenuFluid: true;
+@variationMenuLabeled: true;
+@variationMenuStackable: true;
+@variationMenuFloated: true;
+@variationMenuFitted: true;
+@variationMenuBorderless: true;
+@variationMenuCompact: true;
+@variationMenuFixed: true;
+@variationMenuAttached: true;
+@variationMenuSizes: @variationAllSizes;
+
+/* Message */
+@variationMessageInverted: true;
+@variationMessageCompact: true;
+@variationMessageAttached: true;
+@variationMessageIcon: true;
+@variationMessageFloating: true;
+@variationMessageConsequences: true;
+@variationMessageSizes: @variationAllSizes;
+
+/* 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;
+@variationTableCelled: true;
+@variationTablePadded: true;
+@variationTableCompact: true;
+@variationTableMarked: true;
+@variationTableSizes: @variationAllSizes;
+
+
+/*******************************
+             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;
+@variationCardHorizontal: true;
+@variationCardRaised: true;
+@variationCardCentered: true;
+@variationCardFluid: true;
+@variationCardLink: true;
+@variationCardDoubling: true;
+@variationCardStackable: true;
+@variationCardSizes: @variationAllSizes;
+
+/* Comment */
+@variationCommentInverted: true;
+@variationCommentThreaded: true;
+@variationCommentMinimal: true;
+@variationCommentSizes: @variationAllSizes;
+
+/* Feed */
+@variationFeedInverted: true;
+@variationFeedSizes: @variationAllSizes;
+
+/* Item */
+@variationItemInverted: true;
+@variationItemAligned: true;
+@variationItemRelaxed: true;
+@variationItemDivided: true;
+@variationItemLink: true;
+@variationItemUnstackable: true;
+@variationItemSizes: @variationAllSizes;
+
+/* Statistic */
+@variationStatisticInverted: true;
+@variationStatisticStackable: true;
+@variationStatisticFloated: true;
+@variationStatisticHorizontal: true;
+@variationStatisticSizes: @variationAllSizes;
+
+
+/*******************************
+            Modules
+*******************************/
+
+/* Accordion */
+@variationAccordionInverted: true;
+@variationAccordionStyled: true;
+@variationAccordionFluid: true;
+
+/* Calendar */
+@variationCalendarInverted: true;
+@variationCalendarDisabled: true;
+
+/* Checkbox */
+@variationCheckboxBox: false;   //.box (instead of label) is an ancient fragment of sui v1 and not even documented in v2.x anymore
+@variationCheckboxDisabled: true;
+@variationCheckboxInverted: true;
+@variationCheckboxRadio: true;
+@variationCheckboxSlider: true;
+@variationCheckboxToggle: true;
+@variationCheckboxIndeterminate: true;
+@variationCheckboxFitted: true;
+@variationCheckboxSizes: @variationAllSizes;
+
+/* Dimmer */
+@variationDimmerInverted: true;
+@variationDimmerDisabled: true;
+@variationDimmerLegacy: true;
+@variationDimmerAligned: true;
+@variationDimmerPage: true;
+@variationDimmerBlurring: true;
+@variationDimmerShades: true;
+@variationDimmerSimple: true;
+@variationDimmerPartially: true;
+
+/* Dropdown */
+@variationDropdownInverted: true;
+@variationDropdownDisabled: true;
+@variationDropdownLabel: true;
+@variationDropdownButton: true;
+@variationDropdownSelection: true;
+@variationDropdownShort: true;
+@variationDropdownLong: true;
+@variationDropdownCompact: true;
+@variationDropdownSearch: true;
+@variationDropdownMultiple: true;
+@variationDropdownInline: true;
+@variationDropdownLoading: true;
+@variationDropdownStates: true;
+@variationDropdownClear: true;
+@variationDropdownLeft: true;
+@variationDropdownUpward: true;
+@variationDropdownSimple: true;
+@variationDropdownScrolling: true;
+@variationDropdownFluid: true;
+@variationDropdownFloating: true;
+@variationDropdownPointing: true;
+@variationDropdownScrollhint: true;
+@variationDropdownSizes: @variationAllSizes;
+
+/* Embed */
+@variationEmbedRatio: true;
+
+/* Modal */
+@variationModalInverted: true;
+@variationModalBasic: true;
+@variationModalFullscreen: true;
+@variationModalOverlay: true;
+@variationModalAligned: true;
+@variationModalScrolling: true;
+@variationModalLegacy: true;
+@variationModalCloseInside: true;
+@variationModalSizes: @variationAllSizes;
+
+/* 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;
+@variationPopupSizes: @variationAllSizes;
+
+/* Progress */
+@variationProgressInverted: true;
+@variationProgressDisabled: 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;
+@variationProgressSizes: @variationAllSizes;
+
+/* Rating */
+@variationRatingDisabled: true;
+@variationRatingSizes: @variationAllSizes;
+
+/* Search */
+@variationSearchDisabled: true;
+@variationSearchSelection: true;
+@variationSearchCategory: true;
+@variationSearchLoading: true;
+@variationSearchAligned: true;
+@variationSearchFluid: true;
+@variationSearchShort: true;
+@variationSearchLong: true;
+@variationSearchScrolling: true;
+@variationSearchSizes: @variationAllSizes;
+
+/* Shape */
+@variationShapeCube: true;
+@variationShapeText: true;
+@variationShapeLoading: true;
+
+/* Sidebar */
+@variationSidebarThin: true;
+@variationSidebarWide: true;
+@variationSidebarTop: true;
+@variationSidebarBottom: true;
+@variationSidebarLeft: true;
+@variationSidebarRight: true;
+@variationSidebarOverlay: true;
+@variationSidebarSlideAlong: true;
+@variationSidebarSlideOut: true;
+@variationSidebarScale: true;
+@variationSidebarPush: true;
+@variationSidebarUncover: true;
+
+/* Slider */
+@variationSliderInverted: true;
+@variationSliderDisabled: true;
+@variationSliderReversed: true;
+@variationSliderLabeled: true;
+@variationSliderTicked: true;
+@variationSliderVertical: true;
+@variationSliderBasic: true;
+@variationSliderSizes: small, large, big;
+
+/* Tab */
+@variationTabLoading: true;
+
+/* Toast */
+@variationToastInverted: true;
+@variationToastTop: true;
+@variationToastBottom: true;
+@variationToastLeft: true;
+@variationToastRight: true;
+@variationToastCenter: true;
+@variationToastInfo: true;
+@variationToastWarning: true;
+@variationToastSuccess: true;
+@variationToastError: true;
+@variationToastFloating: true;
+@variationToastProgress: true;
+@variationToastIcon: true;
+@variationToastClose: true;
+@variationToastImage: true;
+@variationToastMessage: true;
+@variationToastCard: true;
+@variationToastActions: true;
+@variationToastVertical: true;
+@variationToastAttached: true;
+
+/* Transition */
+@variationTransitionDisabled: true;
+@variationTransitionLoading: 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;
+
+/* Emojis */
+@variationEmojiColons: true;
+@variationEmojiNoColons: true;