Sublime Foundations 5 Snippets

Each snippet is prefixed with zf- (ZURB Foundation). Each snippet is singular, unless the name of the component ends in an s (offcanvas) Available classes are included as comments in the snippets Available Components (press tab after)

offcanvas || topbar || sidenav || subnav || breadcrumb || pagination || orbit || clearing || button || button-group || split-button || dropdown-button || reveal || alert || panel || pricing-table || progress-bar || accordion || tab || vertical-tab


Offcanvas zf-offcanvas


Topbar zf-topbar


Sidenav zf-sidenav


Subnav zf-subnav


Breadcrumbs zf-breadcrumb


Pagination zf-pagination


Orbit zf-orbit


Clearing zf-clearing


Buttons zf-button

Default Button

Button Groups zf-button-group


Split Buttons zf-split-button

Split Button

Dropdown Buttons zf-dropdown-button

Dropdown Button

Reveal zf-reveal

Awesome. I have it.

Your couch. It is mine.

Im a cool paragraph that lives inside of an even cooler modal. Wins

×

Alerts zf-alert

×

Panels zf-panel

This is a callout panel.

It's a little ostentatious, but useful for important content.


Pricing Tables zf-pricing-table


Progress Bars zf-progress-bar


Accordion zf-accordion

Accordion 1
Panel 1 Content
Accordion 2
Panel 2 Content
Accordion 3
Panel 3 Content

Tabs zf-tab

Tab 1
Tab 2
Tab 3
Tab 4

This is the first panel of the basic tab example. This is the first panel of the basic tab example.

This is the second panel of the basic tab example. This is the second panel of the basic tab example.

This is the third panel of the basic tab example. This is the third panel of the basic tab example.

This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.


Vertical Tabs zf-vertical-tab

Tab 1
Tab 2
Tab 3
Tab 4

Panel 1.

Panel 2.

Panel 3.

Panel 4.



JDS Social Media:


Email: jdsebastian7@gmail.com

This website is built using Zurb Foundation 5.0 Framework with SASS. ©2017 JDS Webs