Foundation Documentation

Components

• Abide
• Accordion
• Accordion Menu
• Badge
• Base Typography
• Breadcrumbs
• Button
• Button Group
• Callout
• Card
• Close Button
• Drilldown Menu
• Dropdown
• Dropdown Menu
• Equalizer
• Flex Grid
• Flexbox Mode
• Flexbox Utilities
• Forms
• Global Styles
• Interchange
• Label
• Magellan
• Media Object
• Media Queries
• Menu
• Off-canvas
• Orbit
• Pagination
• Progress Bar
• Prototyping Utilities
• Responsive Accordion Tabs
• Responsive Embed
• Responsive Navigation
• Reveal
• Sass Functions
• Sass Mixins
• Slider
• Smooth Scroll
• Sticky
• Switch
• Tables
• Tabs
• The Grid
• Thumbnail
• Toggler
• Tooltip
• Top Bar
• Typography Helpers
• Visibility Classes
• XY Grid

Events

• beforeslidechange.zf.orbit
• change.zf.tabs
• changed.zf.slider
• close.zf.drilldown
• close.zf.offCanvas
• closed.zf.drilldown
• closed.zf.offCanvas
• closed.zf.reveal
• closeme.zf.dropdown
• closeme.zf.reveal
• collapse.zf.tabs
• deeplink.zf.accordion
• deeplink.zf.tabs
• down.zf.accordion
• down.zf.accordionMenu
• forminvalid.zf.abide
• formreset.zf.abide
• hide.zf.drilldown
• hide.zf.dropdown
• hide.zf.dropdownMenu
• hide.zf.tooltip
• invalid.zf.abide
• moved.zf.slider
• off.zf.toggler
• on.zf.toggler
• open.zf.drilldown
• open.zf.reveal
• opened.zf.offCanvas
• openedEnd.zf.offCanvas
• postequalized.zf.equalizer
• postequalizedrow.zf.equalizer
• preequalized.zf.equalizer
• preequalizedrow.zf.equalizer
• scrollme.zf.drilldown
• show.zf.dropdown
• show.zf.dropdownMenu
• show.zf.tooltip
• slidechange.zf.orbit
• toggled.zf.responsiveToggle
• tooltip.zf.closeme
• up.zf.accordion
• up.zf.accordionMenu
• update.zf.magellan

Functions

• SmoothScroll.scrollToLoc
• breakpoint
• color-contrast
• color-luminance
• color-pick-contrast
• direction-opposite
• divide
• flex-grid-column
• font-stack
• fraction-to-percentage
• gcd
• get-border-value
• get-color
• get-side
• grid-column
• has-value
• map-deep-get
• map-safe-get
• map-to-list
• pow
• ratio-to-percentage
• rem-calc
• smart-scale
• strip-unit
• text-inputs
• unitless-calc
• xy-cell-base
• xy-cell-base
• xy-cell-gutters
• xy-cell-gutters
• xy-cell-offset
• xy-cell-offset
• xy-cell-size
• xy-cell-size
• xy-cell-size-css
• xy-cell-size-css
• zf-is-fraction
• zf-parse-fraction
• zf-str-join

Guides

• Accessibility
• Compatibility
• Float Classes
• Installation
• JavaScript
• JavaScript Utilities
• Kitchen Sink
• Right-to-Left Support
• Sass
• Starter Projects
• Welcome to Foundation 6

Librarys

• Motion UI
• Panini
• Style Sherpa

Mixins

• absolute-center
• accordion-container
• accordion-container
• accordion-content
• accordion-content
• accordion-item
• accordion-item
• accordion-title
• accordion-title
• add-foundation-colors
• after-first
• after-first
• all-but
• all-but
• all-but-first-last
• all-but-first-last
• auto-width
• background-triangle
• badge
• between
• between
• border-box
• border-box
• border-none
• border-none
• border-radius
• border-radius
• border-rounded
• border-rounded
• bordered
• bordered
• box
• box
• breadcrumbs-container
• breakpoint
• button
• button-clear
• button-clear-style
• button-disabled
• button-dropdown
• button-expand
• button-fill
• button-fill-style
• button-group
• button-group-expand
• button-group-no-gaps
• button-group-stack
• button-group-unstack
• button-hollow
• button-hollow-style
• button-style
• callout
• callout-base
• callout-style
• card-container
• card-divider
• card-section
• clearfix
• close-button
• close-button-size
• code-block
• code-inline
• code-style
• css-triangle
• disable-mouse-outline
• display
• display
• dropdown-container
• element-invisible
• element-invisible-off
• even
• even
• even-between
• even-between
• every
• every
• first
• first
• first-child
• first-child
• first-last
• first-last
• flex
• flex
• flex
• flex-align
• flex-align
• flex-align
• flex-align-self
• flex-align-self
• flex-align-self
• flex-direction
• flex-direction
• flex-direction
• flex-grid-column
• flex-grid-layout
• flex-grid-row
• flex-grid-size
• flex-order
• flex-order
• flex-order
• font-bold
• font-bold
• font-italic
• font-italic
• font-normal
• font-normal
• font-wide
• font-wide
• form-error
• form-input-error
• from-first-last
• from-first-last
• from-last
• from-last
• grid-column
• grid-column-collapse
• grid-column-end
• grid-column-gutter
• grid-column-margin
• grid-column-offset
• grid-column-position
• grid-column-row
• grid-column-size
• grid-column-unposition
• grid-context
• grid-layout
• grid-layout-center-last
• grid-row
• grid-row-nest
• grid-row-size
• hamburger
• hide-for
• hide-for-only
• horizontal-center
• in-canvas
• inner-side-shadow
• label
• last
• last
• last-child
• last-child
• margin
• margin
• margin-direction
• margin-direction
• max-height-100
• max-height-100
• max-width-100
• max-width-100
• media-object-container
• media-object-section
• media-object-stack
• menu-align
• menu-base
• menu-direction
• menu-expand
• menu-icon-alignment
• menu-icon-position
• menu-icons
• menu-nested
• menu-simple
• not-unique
• not-unique
• number-between
• number-between
• odd
• odd
• odd-between
• odd-between
• off-canvas-base
• off-canvas-basics
• off-canvas-content
• off-canvas-position
• off-canvas-reveal
• orbit-bullets
• orbit-caption
• orbit-container
• orbit-control
• orbit-image
• orbit-next
• orbit-previous
• orbit-slide
• orbit-wrapper
• overflow
• overflow
• overflow-x
• overflow-x
• overflow-y
• overflow-y
• padding
• padding
• padding-direction
• padding-direction
• pagination-container
• pagination-ellipsis
• pagination-item-current
• pagination-item-disabled
• position
• position
• position-fixed-bottom
• position-fixed-bottom
• position-fixed-top
• position-fixed-top
• progress-container
• progress-meter
• progress-meter-text
• responsive-embed
• reveal-modal-base
• reveal-modal-fullscreen
• reveal-modal-width
• reveal-overlay
• rotate
• rotate
• rotateX
• rotateX
• rotateY
• rotateY
• rotateZ
• rotateZ
• separator
• separator
• shadow
• shadow
• show-for
• show-for-only
• slider-container
• slider-fill
• slider-handle
• style-type-ordered
• style-type-ordered
• style-type-unordered
• style-type-unordered
• switch-container
• switch-input
• switch-paddle
• switch-size
• switch-text
• switch-text-active
• switch-text-inactive
• table
• table-hover
• table-scroll
• table-stack
• tabs-container
• tabs-container
• tabs-container-vertical
• tabs-container-vertical
• tabs-content
• tabs-content
• tabs-content-vertical
• tabs-content-vertical
• tabs-panel
• tabs-panel
• tabs-title
• tabs-title
• text-decoration
• text-decoration
• text-hide
• text-hide
• text-nowrap
• text-nowrap
• text-transform
• text-transform
• text-truncate
• text-truncate
• text-wrap
• text-wrap
• thumbnail
• top-bar-container
• top-bar-stacked
• top-bar-unstack
• unique
• unique
• vertical-center
• xy-cell
• xy-cell
• xy-cell-base
• xy-cell-base
• xy-cell-block
• xy-cell-block
• xy-cell-block-container
• xy-cell-block-container
• xy-cell-gutters
• xy-cell-gutters
• xy-cell-offset
• xy-cell-offset
• xy-cell-reset
• xy-cell-reset
• xy-cell-size
• xy-cell-size
• xy-cell-static
• xy-cell-static
• xy-grid
• xy-grid
• xy-grid-collapse
• xy-grid-collapse
• xy-grid-container
• xy-grid-container
• xy-grid-frame
• xy-grid-frame
• xy-grid-layout
• xy-grid-layout
• xy-gutters
• xy-gutters

Options

• a11yAttributes
• a11yErrorLevel
• accessible
• activeClass
• activeCollapse
• additionalOverlayClasses
• alignment
• alignment
• alignment
• allowAllClosed
• allowBottomOverlap
• allowBottomOverlap
• allowHtml
• allowOverlap
• allowOverlap
• anchor
• animInFromLeft
• animInFromRight
• animOutToLeft
• animOutToRight
• animate
• animate
• animateHeight
• animationDuration
• animationDuration
• animationDuration
• animationEasing
• animationEasing
• animationEasing
• animationIn
• animationOut
• appendTo
• autoApplyClass
• autoFocus
• autoFocus
• autoFocus
• autoHeight
• autoPlay
• autoclose
• backButton
• backButtonPosition
• binding
• boxOfBullets
• btmAnchor
• bullets
• changedDelay
• checkEvery
• clickOpen
• clickOpen
• clickSelect
• closeOnClick
• closeOnClick
• closeOnClick
• closeOnClick
• closeOnClick
• closeOnClickInside
• closeOnEsc
• closingTime
• container
• containerClass
• containerClass
• contentId
• contentOverlay
• contentScroll
• decimal
• deepLink
• deepLink
• deepLink
• deepLinkSmudge
• deepLinkSmudge
• deepLinkSmudgeDelay
• deepLinkSmudgeDelay
• deepLinkSmudgeOffset
• deepLinkSmudgeOffset
• deepLinking
• disableForTouch
• disableHover
• disableHover
• disableHoverOnTouch
• disabled
• disabledClass
• doubleSided
• draggable
• dynamicHeight
• end
• equalizeByRow
• equalizeOn
• equalizeOnStack
• fadeInDuration
• fadeOutDuration
• forceFollow
• forceFollow
• forceTo
• formErrorClass
• formErrorSelector
• fullScreen
• hOffset
• hOffset
• hOffset
• hideDelay
• hideFor
• hover
• hoverDelay
• hoverDelay
• hoverDelay
• hoverPane
• inCanvasOn
• infiniteWrap
• initialEnd
• initialStart
• inputErrorClass
• invertVertical
• isRevealed
• labelErrorClass
• linkActiveClass
• linkClass
• liveValidate
• marginBottom
• marginTop
• matchHeight
• moveTime
• multiExpand
• multiOpen
• multipleOpened
• navButtons
• nested
• nextClass
• nonLinearBase
• offset
• offset
• overlay
• panelActiveClass
• panelClass
• parentClass
• parentLink
• parentLink
• pauseOnHover
• position
• position
• positionValueFunction
• prevClass
• resetOnClose
• revealClass
• revealOn
• rightClass
• rules
• scrollTop
• scrollTopElement
• scrollTopOffset
• showDelay
• showOn
• slideClass
• slideSpeed
• slideSpeed
• start
• step
• stickTo
• stickyClass
• stickyOn
• submenuToggle
• submenuToggleText
• swipe
• template
• templateClasses
• threshold
• threshold
• timerDelay
• tipText
• toggler
• tooltipClass
• tooltipHeight
• tooltipWidth
• topAnchor
• transition
• transitionTime
• trapFocus
• trapFocus
• triggerClass
• type
• updateHistory
• updateHistory
• updateHistory
• updateHistory
• useMUI
• vOffset
• vOffset
• vOffset
• validateOn
• validateOnBlur
• validators
• vertical
• verticalClass
• wrapOnKeys
• wrapper

Variables

• $-zf-size
• $abbr-underline
• $abide-inputs
• $abide-labels
• $accordion-background
• $accordion-background
• $accordion-content-background
• $accordion-content-background
• $accordion-content-border
• $accordion-content-border
• $accordion-content-color
• $accordion-content-color
• $accordion-content-padding
• $accordion-content-padding
• $accordion-item-background-hover
• $accordion-item-background-hover
• $accordion-item-color
• $accordion-item-color
• $accordion-item-padding
• $accordion-item-padding
• $accordion-minus-content
• $accordion-minus-content
• $accordion-plus-content
• $accordion-plus-content
• $accordion-plusminus
• $accordion-plusminus
• $accordion-submenu-toggle-border
• $accordion-title-font-size
• $accordion-title-font-size
• $accordionmenu-arrow-color
• $accordionmenu-arrow-size
• $accordionmenu-arrows
• $accordionmenu-border
• $accordionmenu-item-background
• $accordionmenu-nested-margin
• $accordionmenu-padding
• $accordionmenu-submenu-padding
• $accordionmenu-submenu-toggle-background
• $accordionmenu-submenu-toggle-height
• $accordionmenu-submenu-toggle-width
• $anchor-color
• $anchor-color-hover
• $anchor-text-decoration
• $anchor-text-decoration-hover
• $badge-background
• $badge-color
• $badge-color-alt
• $badge-font-size
• $badge-minwidth
• $badge-padding
• $badge-palette
• $black
• $block-grid-max
• $blockquote-border
• $blockquote-color
• $blockquote-padding
• $body-antialiased
• $body-background
• $body-font-color
• $body-font-family
• $body-safe-padding
• $breadcrumbs-item-color
• $breadcrumbs-item-color-current
• $breadcrumbs-item-color-disabled
• $breadcrumbs-item-font-size
• $breadcrumbs-item-margin
• $breadcrumbs-item-separator
• $breadcrumbs-item-separator-color
• $breadcrumbs-item-separator-item
• $breadcrumbs-item-separator-item-rtl
• $breadcrumbs-item-uppercase
• $breadcrumbs-margin
• $breakpoint-classes
• $breakpoints
• $breakpoints-hidpi
• $button-background
• $button-background-hover
• $button-background-hover-lightness
• $button-border
• $button-color
• $button-color-alt
• $button-fill
• $button-font-family
• $button-font-weight
• $button-hollow-border-width
• $button-hollow-hover-lightness
• $button-margin
• $button-opacity-disabled
• $button-padding
• $button-palette
• $button-radius
• $button-responsive-expanded
• $button-sizes
• $button-transition
• $buttongroup-child-selector
• $buttongroup-expand-max
• $buttongroup-margin
• $buttongroup-radius-on-each
• $buttongroup-spacing
• $callout-background
• $callout-background-fade
• $callout-border
• $callout-font-color
• $callout-font-color-alt
• $callout-link-tint
• $callout-margin
• $callout-radius
• $callout-sizes
• $card-background
• $card-border
• $card-border-radius
• $card-divider-background
• $card-font-color
• $card-margin-bottom
• $card-padding
• $card-shadow
• $cite-color
• $cite-font-size
• $cite-pseudo-content
• $closebutton-color
• $closebutton-color-hover
• $closebutton-default-size
• $closebutton-lineheight
• $closebutton-offset-horizontal
• $closebutton-offset-vertical
• $closebutton-position
• $closebutton-size
• $closebutton-z-index
• $code-background
• $code-block-margin-bottom
• $code-block-padding
• $code-border
• $code-color
• $code-font-family
• $code-font-weight
• $code-padding
• $dark-gray
• $defnlist-margin-bottom
• $defnlist-term-margin-bottom
• $defnlist-term-weight
• $dropdown-background
• $dropdown-border
• $dropdown-font-size
• $dropdown-menu-item-background-active
• $dropdown-menu-item-color-active
• $dropdown-padding
• $dropdown-radius
• $dropdown-sizes
• $dropdown-width
• $dropdownmenu-arrow-color
• $dropdownmenu-arrow-padding
• $dropdownmenu-arrow-size
• $dropdownmenu-arrows
• $dropdownmenu-background
• $dropdownmenu-border
• $dropdownmenu-min-width
• $dropdownmenu-nested-margin
• $dropdownmenu-padding
• $dropdownmenu-submenu-background
• $dropdownmenu-submenu-padding
• $enable-cite-block
• $enable-code-inline
• $fieldset-border
• $fieldset-margin
• $fieldset-padding
• $flex-source-ordering-count
• $flex-source-ordering-count
• $flexbox-responsive-breakpoints
• $flexbox-responsive-breakpoints
• $font-family-monospace
• $form-button-radius
• $form-label-color
• $form-label-color-invalid
• $form-label-font-size
• $form-label-font-weight
• $form-label-line-height
• $form-spacing
• $foundation-palette
• $global-button-cursor
• $global-color-pick-contrast-tolerance
• $global-flexbox
• $global-font-size
• $global-lineheight
• $global-margin
• $global-menu-nested-margin
• $global-menu-padding
• $global-padding
• $global-position
• $global-prototype-breakpoints
• $global-radius
• $global-text-direction
• $global-weight-bold
• $global-weight-normal
• $global-width
• $grid-column-alias
• $grid-column-align-edge
• $grid-column-count
• $grid-column-gutter
• $grid-columns
• $grid-columns
• $grid-container
• $grid-container
• $grid-container-max
• $grid-container-max
• $grid-container-padding
• $grid-container-padding
• $grid-margin-gutters
• $grid-margin-gutters
• $grid-padding-gutters
• $grid-padding-gutters
• $grid-row-width
• $has-tip-border-bottom
• $has-tip-cursor
• $has-tip-font-weight
• $header-color
• $header-font-family
• $header-font-style
• $header-font-weight
• $header-lineheight
• $header-margin-bottom
• $header-small-font-color
• $header-styles
• $header-text-rendering
• $helptext-color
• $helptext-font-size
• $helptext-font-style
• $hr-border
• $hr-margin
• $hr-width
• $input-background
• $input-background-disabled
• $input-background-focus
• $input-background-invalid
• $input-border
• $input-border-focus
• $input-color
• $input-cursor-disabled
• $input-error-color
• $input-error-font-size
• $input-error-font-weight
• $input-font-family
• $input-font-size
• $input-font-weight
• $input-line-height
• $input-number-spinners
• $input-padding
• $input-placeholder-color
• $input-prefix-background
• $input-prefix-border
• $input-prefix-color
• $input-prefix-padding
• $input-radius
• $input-shadow
• $input-shadow-focus
• $input-transition
• $keystroke-background
• $keystroke-color
• $keystroke-font
• $keystroke-padding
• $keystroke-radius
• $label-background
• $label-color
• $label-color-alt
• $label-font-size
• $label-padding
• $label-palette
• $label-radius
• $lead-font-size
• $lead-lineheight
• $legend-padding
• $light-gray
• $list-lineheight
• $list-margin-bottom
• $list-nested-side-margin
• $list-side-margin
• $list-style-position
• $list-style-type
• $maincontent-class
• $mediaobject-image-width-stacked
• $mediaobject-margin-bottom
• $mediaobject-section-padding
• $medium-gray
• $menu-centered-back-compat
• $menu-icon-spacing
• $menu-icons-back-compat
• $menu-item-background-active
• $menu-item-color-active
• $menu-item-color-alt-active
• $menu-items-padding
• $menu-margin
• $menu-nested-margin
• $menu-simple-margin
• $menu-state-back-compat
• $meter-background
• $meter-background
• $meter-fill-bad
• $meter-fill-bad
• $meter-fill-good
• $meter-fill-good
• $meter-fill-medium
• $meter-fill-medium
• $meter-height
• $meter-height
• $meter-radius
• $meter-radius
• $offcanvas-background
• $offcanvas-exit-background
• $offcanvas-fixed-reveal
• $offcanvas-inner-shadow-color
• $offcanvas-inner-shadow-size
• $offcanvas-overlap-zindex
• $offcanvas-overlay-zindex
• $offcanvas-push-zindex
• $offcanvas-reveal-zindex
• $offcanvas-shadow
• $offcanvas-sizes
• $offcanvas-transition-length
• $offcanvas-transition-timing
• $offcanvas-vertical-sizes
• $orbit-bullet-background
• $orbit-bullet-background-active
• $orbit-bullet-diameter
• $orbit-bullet-margin
• $orbit-bullet-margin-bottom
• $orbit-bullet-margin-top
• $orbit-caption-background
• $orbit-caption-padding
• $orbit-control-background-hover
• $orbit-control-padding
• $orbit-control-zindex
• $pagination-arrow-next
• $pagination-arrow-previous
• $pagination-arrows
• $pagination-ellipsis-color
• $pagination-font-size
• $pagination-item-background-current
• $pagination-item-background-hover
• $pagination-item-color
• $pagination-item-color-current
• $pagination-item-color-disabled
• $pagination-item-padding
• $pagination-item-spacing
• $pagination-margin-bottom
• $pagination-mobile-current-item
• $pagination-mobile-items
• $pagination-radius
• $paragraph-lineheight
• $paragraph-margin-bottom
• $paragraph-text-rendering
• $primary-color
• $print-breakpoint
• $print-hrefs
• $print-transparent-backgrounds
• $progress-background
• $progress-background
• $progress-height
• $progress-height
• $progress-margin-bottom
• $progress-margin-bottom
• $progress-meter-background
• $progress-meter-background
• $progress-radius
• $progress-radius
• $prototype-arrow-color
• $prototype-arrow-color
• $prototype-arrow-directions
• $prototype-arrow-directions
• $prototype-arrow-size
• $prototype-arrow-size
• $prototype-border-box-breakpoints
• $prototype-border-box-breakpoints
• $prototype-border-color
• $prototype-border-color
• $prototype-border-none-breakpoints
• $prototype-border-none-breakpoints
• $prototype-border-radius
• $prototype-border-radius
• $prototype-border-type
• $prototype-border-type
• $prototype-border-width
• $prototype-border-width
• $prototype-bordered-breakpoints
• $prototype-bordered-breakpoints
• $prototype-box-shadow
• $prototype-box-shadow
• $prototype-decoration-breakpoints
• $prototype-decoration-breakpoints
• $prototype-display
• $prototype-display
• $prototype-display-breakpoints
• $prototype-display-breakpoints
• $prototype-font-bold
• $prototype-font-bold
• $prototype-font-breakpoints
• $prototype-font-breakpoints
• $prototype-font-normal
• $prototype-font-normal
• $prototype-list-breakpoints
• $prototype-list-breakpoints
• $prototype-overflow
• $prototype-overflow
• $prototype-overflow-breakpoints
• $prototype-overflow-breakpoints
• $prototype-position
• $prototype-position
• $prototype-position-breakpoints
• $prototype-position-breakpoints
• $prototype-position-z-index
• $prototype-position-z-index
• $prototype-rounded-breakpoints
• $prototype-rounded-breakpoints
• $prototype-separator-align
• $prototype-separator-align
• $prototype-separator-background
• $prototype-separator-background
• $prototype-separator-breakpoints
• $prototype-separator-breakpoints
• $prototype-separator-height
• $prototype-separator-height
• $prototype-separator-margin-top
• $prototype-separator-margin-top
• $prototype-separator-width
• $prototype-separator-width
• $prototype-shadow-breakpoints
• $prototype-shadow-breakpoints
• $prototype-sizes
• $prototype-sizes
• $prototype-sizing
• $prototype-sizing
• $prototype-sizing-breakpoints
• $prototype-sizing-breakpoints
• $prototype-spacers-count
• $prototype-spacers-count
• $prototype-spacing-breakpoints
• $prototype-spacing-breakpoints
• $prototype-style-type-ordered
• $prototype-style-type-ordered
• $prototype-style-type-unordered
• $prototype-style-type-unordered
• $prototype-text-decoration
• $prototype-text-decoration
• $prototype-text-overflow
• $prototype-text-overflow
• $prototype-text-transformation
• $prototype-text-transformation
• $prototype-transformation-breakpoints
• $prototype-transformation-breakpoints
• $prototype-utilities-breakpoints
• $prototype-utilities-breakpoints
• $prototype-wide-letter-spacing
• $prototype-wide-letter-spacing
• $responsive-embed-margin-bottom
• $responsive-embed-ratios
• $reveal-background
• $reveal-border
• $reveal-max-width
• $reveal-overlay-background
• $reveal-padding
• $reveal-radius
• $reveal-width
• $reveal-zindex
• $select-background
• $select-radius
• $select-triangle-color
• $show-header-for-stacked
• $slider-background
• $slider-fill-background
• $slider-handle-background
• $slider-handle-height
• $slider-handle-width
• $slider-height
• $slider-opacity-disabled
• $slider-radius
• $slider-transition
• $slider-width-vertical
• $small-font-size
• $stat-font-size
• $subheader-color
• $subheader-font-weight
• $subheader-lineheight
• $subheader-margin-bottom
• $subheader-margin-top
• $switch-background
• $switch-background-active
• $switch-background-active-focus
• $switch-background-focus
• $switch-cursor-disabled
• $switch-height
• $switch-height-large
• $switch-height-small
• $switch-height-tiny
• $switch-margin
• $switch-opacity-disabled
• $switch-paddle-background
• $switch-paddle-offset
• $switch-paddle-radius
• $switch-paddle-transition
• $switch-radius
• $tab-active-color
• $tab-active-color
• $tab-background
• $tab-background
• $tab-background-active
• $tab-background-active
• $tab-color
• $tab-color
• $tab-content-background
• $tab-content-background
• $tab-content-border
• $tab-content-border
• $tab-content-color
• $tab-content-color
• $tab-content-padding
• $tab-content-padding
• $tab-item-background-hover
• $tab-item-background-hover
• $tab-item-font-size
• $tab-item-font-size
• $tab-item-padding
• $tab-item-padding
• $tab-margin
• $tab-margin
• $table-background
• $table-border
• $table-color-scale
• $table-foot-background
• $table-foot-font-color
• $table-foot-row-hover
• $table-head-background
• $table-head-font-color
• $table-head-row-hover
• $table-hover-scale
• $table-is-striped
• $table-padding
• $table-row-hover
• $table-row-stripe-hover
• $table-stack-breakpoint
• $table-stripe
• $table-striped-background
• $thumbnail-border
• $thumbnail-margin-bottom
• $thumbnail-radius
• $thumbnail-shadow
• $thumbnail-shadow-hover
• $thumbnail-transition
• $titlebar-background
• $titlebar-color
• $titlebar-icon-color
• $titlebar-icon-color-hover
• $titlebar-icon-spacing
• $titlebar-padding
• $titlebar-text-font-weight
• $tooltip-background-color
• $tooltip-color
• $tooltip-font-size
• $tooltip-max-width
• $tooltip-padding
• $tooltip-pip-height
• $tooltip-pip-width
• $tooltip-radius
• $topbar-background
• $topbar-input-width
• $topbar-padding
• $topbar-submenu-background
• $topbar-title-spacing
• $topbar-unstack-breakpoint
• $white
• $xy-block-grid-max
• $xy-block-grid-max
• $xy-grid
• $xy-grid