legendary-doc-site/assets/semantic-ui/themes/default/globals/variation.variables

558 lines
15 KiB
Text
Raw Normal View History

2020-07-03 23:22:25 +00:00
/***********************************************************
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;