557 lines
15 KiB
Text
557 lines
15 KiB
Text
/***********************************************************
|
|
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;
|
|
@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 */
|
|
@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;
|
|
@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;
|