Hubwiz.com
|
Online Course
|
API Manual
Foundation API Manual
Component(51)
Variable(548)
Mixin(291)
Guide(11)
Option(184)
Event(43)
Function(26)
Library(3)
Component
Flexbox Mode
Callout
Badge
Label
Abide
Pagination
Smooth Scroll
Responsive Embed
Close Button
Magellan
XY Grid
Global Styles
Accordion
Tabs
Accordion Menu
Visibility Classes
Toggler
Forms
Flexbox Utilities
Tables
The Grid
Breadcrumbs
Card
Button
Menu
Off-canvas
Responsive Accordion Tabs
Thumbnail
Responsive Navigation
Button Group
Top Bar
Sass Functions
Media Object
Interchange
Dropdown Menu
Progress Bar
Typography Helpers
Drilldown Menu
Equalizer
Sticky
Prototyping Utilities
Dropdown
Slider
Tooltip
Flex Grid
Reveal
Base Typography
Orbit
Media Queries
Switch
Sass Mixins
Variable
$flex-source-ordering-count
$flexbox-responsive-breakpoints
$callout-background
$callout-background-fade
$callout-border
$callout-margin
$callout-padding
$callout-font-color
$callout-font-color-alt
$callout-radius
$callout-link-tint
$badge-background
$badge-color
$badge-color-alt
$badge-palette
$badge-padding
$badge-minwidth
$badge-font-size
$label-background
$label-color
$label-color-alt
$label-palette
$label-font-size
$label-padding
$label-radius
$input-error-color
$input-error-font-size
$input-error-font-weight
$abide-inputs
$abide-labels
$input-background-invalid
$form-label-color-invalid
$pagination-arrows
$pagination-mobile-current-item
$pagination-mobile-items
$pagination-ellipsis-color
$pagination-item-color-disabled
$pagination-item-color-current
$pagination-item-background-current
$pagination-item-background-hover
$pagination-radius
$pagination-item-spacing
$pagination-item-padding
$pagination-item-color
$pagination-margin-bottom
$pagination-font-size
$responsive-embed-ratios
$responsive-embed-margin-bottom
$closebutton-position
$closebutton-offset-horizontal
$closebutton-offset-vertical
$closebutton-size
$closebutton-lineheight
$closebutton-color
$closebutton-color-hover
$xy-block-grid-max
$grid-container-max
$grid-container-padding
$grid-padding-gutters
$grid-margin-gutters
$grid-columns
$grid-container
$xy-grid
$global-font-size
$global-width
$global-lineheight
$foundation-palette
$light-gray
$medium-gray
$dark-gray
$black
$white
$body-background
$body-font-color
$body-font-family
$body-antialiased
$global-margin
$global-padding
$global-position
$global-weight-normal
$global-weight-bold
$global-radius
$global-menu-padding
$global-menu-nested-margin
$global-text-direction
$global-flexbox
$global-prototype-breakpoints
$global-button-cursor
$global-color-pick-contrast-tolerance
$accordion-background
$accordion-plusminus
$accordion-title-font-size
$accordion-item-color
$accordion-item-background-hover
$accordion-item-padding
$accordion-content-background
$accordion-content-border
$accordion-content-color
$accordion-content-padding
$tab-content-padding
$tab-content-color
$tab-content-border
$tab-content-background
$tab-item-padding
$tab-item-background-hover
$tab-item-font-size
$tab-active-color
$tab-background-active
$tab-color
$tab-background
$tab-margin
$accordionmenu-padding
$accordionmenu-nested-margin
$accordionmenu-submenu-padding
$accordionmenu-arrows
$accordionmenu-arrow-color
$accordionmenu-item-background
$accordionmenu-border
$accordionmenu-submenu-toggle-background
$accordion-submenu-toggle-border
$accordionmenu-submenu-toggle-width
$accordionmenu-submenu-toggle-height
$accordionmenu-arrow-size
$fieldset-border
$fieldset-padding
$fieldset-margin
$legend-padding
$form-spacing
$helptext-color
$helptext-font-size
$helptext-font-style
$input-prefix-color
$input-prefix-background
$input-prefix-border
$input-prefix-padding
$form-label-color
$form-label-font-size
$form-label-font-weight
$form-label-line-height
$select-background
$select-triangle-color
$select-radius
$input-color
$input-placeholder-color
$input-font-family
$input-font-size
$input-font-weight
$input-line-height
$input-background
$input-background-focus
$input-background-disabled
$input-border
$input-border-focus
$input-padding
$input-shadow
$input-shadow-focus
$input-cursor-disabled
$input-transition
$input-number-spinners
$input-radius
$form-button-radius
$meter-height
$meter-radius
$meter-background
$meter-fill-good
$meter-fill-medium
$meter-fill-bad
$progress-height
$progress-background
$progress-margin-bottom
$progress-meter-background
$progress-radius
$slider-height
$slider-background
$slider-fill-background
$slider-handle-height
$slider-handle-width
$slider-handle-background
$slider-opacity-disabled
$slider-radius
$flex-source-ordering-count
$flexbox-responsive-breakpoints
$xy-grid
$grid-container
$grid-columns
$grid-margin-gutters
$grid-padding-gutters
$grid-container-padding
$grid-container-max
$xy-block-grid-max
$table-stack-breakpoint
$show-header-for-stacked
$table-foot-font-color
$table-head-font-color
$table-foot-row-hover
$table-foot-background
$table-head-row-hover
$table-head-background
$table-stripe
$table-striped-background
$table-is-striped
$table-row-stripe-hover
$table-row-hover
$table-hover-scale
$table-padding
$table-border
$table-color-scale
$table-background
$grid-row-width
$grid-column-count
$grid-column-gutter
$grid-column-align-edge
$grid-column-alias
$block-grid-max
$breadcrumbs-margin
$breadcrumbs-item-font-size
$breadcrumbs-item-color
$breadcrumbs-item-color-current
$breadcrumbs-item-color-disabled
$breadcrumbs-item-margin
$breadcrumbs-item-uppercase
$breadcrumbs-item-separator
$breadcrumbs-item-separator-item
$breadcrumbs-item-separator-item-rtl
$breadcrumbs-item-separator-color
$card-background
$card-font-color
$card-divider-background
$card-border
$card-shadow
$card-border-radius
$card-padding
$card-margin-bottom
$button-font-family
$button-padding
$button-margin
$button-fill
$button-background
$button-background-hover
$button-color
$button-color-alt
$button-radius
$button-hollow-border-width
$button-sizes
$button-palette
$button-opacity-disabled
$button-background-hover-lightness
$button-hollow-hover-lightness
$button-transition
$button-responsive-expanded
$menu-margin
$menu-nested-margin
$menu-items-padding
$menu-simple-margin
$menu-item-color-active
$menu-item-background-active
$menu-icon-spacing
$menu-state-back-compat
$menu-centered-back-compat
$menu-icons-back-compat
$offcanvas-sizes
$offcanvas-vertical-sizes
$offcanvas-background
$offcanvas-shadow
$offcanvas-inner-shadow-size
$offcanvas-inner-shadow-color
$offcanvas-overlay-zindex
$offcanvas-push-zindex
$offcanvas-overlap-zindex
$offcanvas-reveal-zindex
$offcanvas-transition-length
$offcanvas-transition-timing
$offcanvas-fixed-reveal
$offcanvas-exit-background
$maincontent-class
$titlebar-background
$titlebar-color
$titlebar-padding
$titlebar-text-font-weight
$titlebar-icon-color
$titlebar-icon-color-hover
$titlebar-icon-spacing
$tab-content-padding
$tab-content-color
$tab-content-border
$tab-content-background
$tab-item-padding
$tab-item-background-hover
$tab-item-font-size
$tab-active-color
$tab-background-active
$tab-color
$tab-background
$tab-margin
$accordion-content-padding
$accordion-content-color
$accordion-content-border
$accordion-content-background
$accordion-item-padding
$accordion-item-background-hover
$accordion-item-color
$accordion-title-font-size
$accordion-plusminus
$accordion-background
$thumbnail-radius
$thumbnail-transition
$thumbnail-shadow-hover
$thumbnail-shadow
$thumbnail-margin-bottom
$thumbnail-border
$buttongroup-margin
$buttongroup-spacing
$buttongroup-child-selector
$buttongroup-expand-max
$buttongroup-radius-on-each
$topbar-unstack-breakpoint
$topbar-input-width
$topbar-title-spacing
$topbar-submenu-background
$topbar-background
$topbar-padding
$mediaobject-margin-bottom
$mediaobject-section-padding
$mediaobject-image-width-stacked
$dropdownmenu-arrows
$dropdownmenu-arrow-color
$dropdownmenu-arrow-size
$dropdownmenu-arrow-padding
$dropdownmenu-min-width
$dropdownmenu-background
$dropdownmenu-submenu-background
$dropdownmenu-padding
$dropdownmenu-nested-margin
$dropdownmenu-submenu-padding
$dropdownmenu-border
$dropdown-menu-item-color-active
$dropdown-menu-item-background-active
$progress-radius
$progress-meter-background
$progress-margin-bottom
$progress-background
$progress-height
$meter-fill-bad
$meter-fill-medium
$meter-fill-good
$meter-background
$meter-radius
$meter-height
$stat-font-size
$subheader-margin-bottom
$subheader-margin-top
$subheader-font-weight
$subheader-color
$subheader-lineheight
$lead-lineheight
$lead-font-size
$prototype-text-overflow
$prototype-utilities-breakpoints
$prototype-text-transformation
$prototype-transformation-breakpoints
$prototype-text-decoration
$prototype-decoration-breakpoints
$prototype-spacers-count
$prototype-spacing-breakpoints
$prototype-sizes
$prototype-sizing
$prototype-sizing-breakpoints
$prototype-box-shadow
$prototype-shadow-breakpoints
$prototype-separator-margin-top
$prototype-separator-background
$prototype-separator-width
$prototype-separator-height
$prototype-separator-align
$prototype-separator-breakpoints
$prototype-border-radius
$prototype-rounded-breakpoints
$prototype-position-z-index
$prototype-position
$prototype-position-breakpoints
$prototype-overflow
$prototype-overflow-breakpoints
$prototype-style-type-ordered
$prototype-style-type-unordered
$prototype-list-breakpoints
$prototype-font-bold
$prototype-font-normal
$prototype-wide-letter-spacing
$prototype-font-breakpoints
$prototype-display
$prototype-display-breakpoints
$prototype-border-color
$prototype-border-type
$prototype-border-width
$prototype-bordered-breakpoints
$prototype-border-none-breakpoints
$prototype-border-box-breakpoints
$prototype-arrow-color
$prototype-arrow-size
$prototype-arrow-directions
$dropdown-padding
$dropdown-background
$dropdown-border
$dropdown-font-size
$dropdown-width
$dropdown-radius
$dropdown-sizes
$slider-transition
$slider-width-vertical
$tooltip-radius
$tooltip-pip-height
$tooltip-pip-width
$tooltip-font-size
$tooltip-max-width
$tooltip-padding
$tooltip-color
$tooltip-background-color
$has-tip-border-bottom
$has-tip-font-weight
$has-tip-cursor
$reveal-overlay-background
$reveal-zindex
$reveal-radius
$reveal-border
$reveal-padding
$reveal-max-width
$reveal-width
$reveal-background
$anchor-text-decoration
$anchor-color-hover
$anchor-color
$code-padding
$code-border
$code-background
$code-font-weight
$code-font-family
$code-color
$paragraph-text-rendering
$paragraph-margin-bottom
$paragraph-lineheight
$header-small-font-color
$small-font-size
$header-text-rendering
$header-styles
$header-margin-bottom
$header-lineheight
$header-color
$font-family-monospace
$header-font-style
$header-font-weight
$header-font-family
$print-hrefs
$print-transparent-backgrounds
$abbr-underline
$keystroke-radius
$keystroke-padding
$keystroke-background
$keystroke-color
$keystroke-font
$cite-pseudo-content
$cite-color
$cite-font-size
$blockquote-border
$blockquote-padding
$blockquote-color
$defnlist-term-margin-bottom
$defnlist-term-weight
$defnlist-margin-bottom
$list-nested-side-margin
$list-side-margin
$list-style-position
$list-style-type
$list-margin-bottom
$list-lineheight
$hr-margin
$hr-border
$hr-width
$anchor-text-decoration-hover
$orbit-bullet-background
$orbit-bullet-background-active
$orbit-bullet-diameter
$orbit-bullet-margin
$orbit-bullet-margin-top
$orbit-bullet-margin-bottom
$orbit-caption-background
$orbit-caption-padding
$orbit-control-background-hover
$orbit-control-padding
$orbit-control-zindex
$breakpoints
$print-breakpoint
$breakpoint-classes
$switch-background-active
$switch-paddle-transition
$switch-paddle-radius
$switch-paddle-offset
$switch-paddle-background
$switch-margin
$switch-radius
$switch-height-large
$switch-height-small
$switch-height-tiny
$switch-height
$switch-background
$prototype-text-overflow
$prototype-utilities-breakpoints
$prototype-text-transformation
$prototype-transformation-breakpoints
$prototype-text-decoration
$prototype-decoration-breakpoints
$prototype-spacers-count
$prototype-spacing-breakpoints
$prototype-sizes
$prototype-sizing
$prototype-sizing-breakpoints
$prototype-box-shadow
$prototype-shadow-breakpoints
$prototype-separator-margin-top
$prototype-separator-background
$prototype-separator-width
$prototype-separator-height
$prototype-separator-align
$prototype-separator-breakpoints
$prototype-border-radius
$prototype-rounded-breakpoints
$prototype-position-z-index
$prototype-position
$prototype-position-breakpoints
$prototype-overflow
$prototype-overflow-breakpoints
$prototype-style-type-ordered
$prototype-style-type-unordered
$prototype-list-breakpoints
$prototype-font-bold
$prototype-font-normal
$prototype-wide-letter-spacing
$prototype-font-breakpoints
$prototype-display
$prototype-display-breakpoints
$prototype-border-color
$prototype-border-type
$prototype-border-width
$prototype-bordered-breakpoints
$prototype-border-none-breakpoints
$prototype-border-box-breakpoints
$prototype-arrow-color
$prototype-arrow-size
$prototype-arrow-directions
Mixin
flex-direction
flex-order
flex-align-self
flex-align
flex
callout-base
callout-style
callout
badge
label
form-input-error
form-error
pagination-container
pagination-item-current
pagination-item-disabled
pagination-ellipsis
responsive-embed
close-button-size
close-button
xy-grid-layout
xy-gutters
xy-grid
xy-grid-container
xy-grid-collapse
xy-cell-static
xy-cell
xy-cell-reset
xy-cell-base
xy-cell-block-container
xy-cell-block
xy-grid-frame
xy-cell-offset
accordion-container
accordion-item
accordion-title
accordion-content
tabs-panel
tabs-content-vertical
tabs-content
tabs-title
tabs-container-vertical
tabs-container
hide-for-only
hide-for
show-for-only
show-for
xy-cell-offset
xy-grid-layout
xy-gutters
xy-grid
xy-grid-container
xy-grid-collapse
xy-cell-static
xy-cell
xy-cell-reset
xy-cell-base
xy-cell-block-container
xy-cell-block
xy-grid-frame
flex-direction
flex-order
flex-align-self
flex-align
flex
table-stack
table-hover
table-scroll
table
grid-column-size
grid-row-size
grid-row-nest
grid-row
grid-context
grid-column-end
grid-column-offset
grid-column-unposition
grid-column-position
grid-layout-center-last
grid-layout
grid-column-margin
grid-column-collapse
grid-column-gutter
grid-column-row
grid-column
breadcrumbs-container
card-container
card-divider
card-section
button-expand
button-style
button-hollow
button-disabled
button-dropdown
button
menu-icon-position
menu-icons
menu-nested
menu-simple
menu-direction
menu-align
menu-expand
menu-base
in-canvas
off-canvas-reveal
off-canvas-content
off-canvas-position
off-canvas-base
off-canvas-basics
accordion-container
accordion-item
accordion-title
accordion-content
tabs-container
tabs-container-vertical
tabs-title
tabs-content
tabs-content-vertical
tabs-panel
thumbnail
button-group
button-group-expand
button-group-stack
button-group-unstack
top-bar-unstack
top-bar-stacked
top-bar-container
add-foundation-colors
flex
flex-align
flex-align-self
flex-order
flex-direction
media-object-stack
media-object-section
media-object-container
progress-container
progress-meter
progress-meter-text
border-box
border-none
bordered
box
display
font-wide
font-normal
font-bold
font-italic
style-type-unordered
style-type-ordered
overflow
overflow-x
overflow-y
position
position-fixed-top
position-fixed-bottom
rotate
rotateX
rotateY
rotateZ
border-radius
border-rounded
separator
shadow
max-width-100
max-height-100
margin
padding
margin-direction
padding-direction
text-decoration
text-transform
text-hide
text-truncate
text-nowrap
text-wrap
first
first-child
last
last-child
every
first-last
after-first
from-last
from-first-last
all-but
all-but-first-last
unique
not-unique
between
even
even-between
odd
odd-between
number-between
dropdown-container
slider-handle
slider-fill
slider-container
flex-grid-size
flex-grid-layout
flex-grid-column
flex-grid-row
reveal-overlay
reveal-modal-base
reveal-modal-width
reveal-modal-fullscreen
orbit-bullets
orbit-next
orbit-previous
orbit-control
orbit-caption
orbit-image
orbit-slide
orbit-container
orbit-wrapper
breakpoint
switch-text-inactive
switch-size
switch-text-active
switch-text
switch-paddle
switch-input
switch-container
position
number-between
odd-between
odd
even-between
even
between
not-unique
unique
all-but-first-last
all-but
from-first-last
from-last
after-first
first-last
every
last-child
last
first-child
first
text-wrap
text-nowrap
text-truncate
text-hide
text-transform
text-decoration
padding-direction
margin-direction
padding
margin
max-height-100
max-width-100
shadow
separator
border-rounded
border-radius
rotateZ
rotateY
rotateX
rotate
position-fixed-bottom
position-fixed-top
inner-side-shadow
css-triangle
hamburger
background-triangle
clearfix
auto-width
disable-mouse-outline
element-invisible
element-invisible-off
vertical-center
horizontal-center
absolute-center
border-box
border-none
bordered
box
display
font-wide
font-normal
font-bold
font-italic
style-type-unordered
style-type-ordered
overflow
overflow-x
overflow-y
Guide
Sass
Float Classes
Accessibility
Welcome to Foundation 6
Starter Projects
JavaScript
Right-to-Left Support
Kitchen Sink
Compatibility
JavaScript Utilities
Installation
Option
validateOn
labelErrorClass
inputErrorClass
formErrorSelector
validators
validateOnBlur
liveValidate
a11yErrorLevel
a11yAttributes
formErrorClass
animationDuration
animationEasing
threshold
offset
animationDuration
animationEasing
threshold
activeClass
deepLinking
offset
updateHistory
deepLinkSmudgeDelay
deepLinkSmudge
deepLink
allowAllClosed
multiExpand
slideSpeed
deepLink
deepLinkSmudge
deepLinkSmudgeDelay
updateHistory
autoFocus
wrapOnKeys
matchHeight
activeCollapse
linkClass
linkActiveClass
panelClass
panelActiveClass
multiOpen
submenuToggleText
submenuToggle
slideSpeed
parentLink
animate
closeOnClick
contentOverlay
contentId
nested
contentScroll
transitionTime
transition
forceTo
isRevealed
revealOn
autoFocus
revealClass
trapFocus
animate
hideFor
rules
forceFollow
rightClass
verticalClass
closeOnClickInside
closeOnClick
alignment
closingTime
clickOpen
hoverDelay
autoclose
disableHover
animationEasing
animationDuration
scrollTopOffset
scrollTopElement
scrollTop
animateHeight
autoHeight
closeOnClick
parentLink
wrapper
backButtonPosition
backButton
autoApplyClass
equalizeOnStack
equalizeByRow
equalizeOn
container
stickTo
anchor
topAnchor
btmAnchor
marginTop
marginBottom
stickyOn
stickyClass
containerClass
checkEvery
closeOnClick
autoFocus
trapFocus
allowBottomOverlap
allowOverlap
alignment
position
hOffset
vOffset
hoverPane
hover
hoverDelay
parentClass
start
end
step
initialStart
initialEnd
binding
clickSelect
vertical
draggable
disabled
doubleSided
decimal
moveTime
disabledClass
invertVertical
changedDelay
nonLinearBase
positionValueFunction
hoverDelay
fadeInDuration
fadeOutDuration
disableHover
templateClasses
tooltipClass
triggerClass
showOn
template
tipText
clickOpen
position
alignment
allowOverlap
allowBottomOverlap
vOffset
hOffset
tooltipHeight
tooltipWidth
allowHtml
animationIn
additionalOverlayClasses
appendTo
updateHistory
deepLink
resetOnClose
overlay
fullScreen
hOffset
vOffset
multipleOpened
closeOnEsc
closeOnClick
hideDelay
showDelay
animationOut
containerClass
slideClass
boxOfBullets
timerDelay
infiniteWrap
swipe
pauseOnHover
accessible
nextClass
prevClass
useMUI
bullets
animOutToLeft
animInFromLeft
animOutToRight
animInFromRight
navButtons
autoPlay
Event
formreset.zf.abide
forminvalid.zf.abide
invalid.zf.abide
update.zf.magellan
deeplink.zf.accordion
down.zf.accordion
up.zf.accordion
collapse.zf.tabs
change.zf.tabs
deeplink.zf.tabs
down.zf.accordionMenu
up.zf.accordionMenu
off.zf.toggler
on.zf.toggler
closed.zf.offcanvas
opened.zf.offcanvas
toggled.zf.responsiveToggle
replaced.zf.interchange
show.zf.dropdownmenu
hide.zf.dropdownmenu
scrollme.zf.drilldown
closed.zf.drilldown
open.zf.drilldown
hide.zf.drilldown
postequalizedrow.zf.equalizer
preequalizedrow.zf.equalizer
postequalized.zf.equalizer
preequalized.zf.equalizer
unstuckfrom.zf.sticky
stuckto.zf.sticky
closeme.zf.dropdown
show.zf.dropdown
hide.zf.dropdown
changed.zf.slider
moved.zf.slider
hide.zf.tooltip
show.zf.tooltip
tooltip.zf.closeme
closeme.zf.reveal
open.zf.reveal
closed.zf.reveal
beforeslidechange.zf.orbit
slidechange.zf.orbit
Function
SmoothScroll.scrollToLoc
xy-cell-size
xy-cell-size
grid-column
color-luminance
color-contrast
color-pick-contrast
smart-scale
get-color
direction-opposite
gcd
pow
ratio-to-percentage
text-inputs
font-stack
strip-unit
rem-calc
unitless-calc
has-value
get-side
get-border-value
map-deep-get
map-to-list
map-safe-get
flex-grid-column
breakpoint
Library
Style Sherpa
Motion UI
Panini
Component
Variable
Mixin
Guide
Option
Event
Function
Library
Component(51)
Variable(548)
Mixin(291)
Guide(11)
Option(184)
Event(43)
Function(26)
Library(3)