atom-zurb-foundation
Zurb Foundation 6 for sites snippets.
gbratsos 9,122 14 2.2.0 MIT GitHub

Zurb Foundation for sites support for Atom.io

Awesome

Provides Zurb Foundation for sites classes and HTML tags with autocompletion features.

Atom.io Zurb Foundation 6

Install:

apm install atom-zurb-foundation

Prior to use snippets it is necessary to save new untitled file as e.g. "something.html"

Features:

  • You can use all componentes by just typing their names.
  • Helper classes are also included by typing their names too..

Basic Template

html-zf: Generates, Zurb Foundation HTML template.

Components

The package includes the following components and classes:

General

  • Grid
  • Flex Grid
  • XY Grid
  • Forms
  • Visibility classes
  • Float classes

Typography

  • Base Styles
  • Helper Classes

Controls

  • Button
  • Button Group
  • Close Button
  • Slider
  • Switch

Navigation

  • Menu
  • Dropdown Menu
  • Drilldown Menu
  • Accordion Menu
  • Top Bar
  • Responsive Navigation
  • Magellan
  • Pagination
  • Breadcrumbs

Containers

  • Accordion
  • Callout
  • Card
  • Dropdown
  • Media Object
  • Off-canvas
  • Reveal (Modal)
  • Table
  • Tabs

Media

  • Badge
  • Responsive Embed
  • Label
  • Orbit
  • Progress Bar
  • Thumbnail
  • Tooltip
    • Flex Video

Plugins

  • Abide
  • Equalizer
  • Interchange
  • Toggler
  • Sticky