atom-tachyons icon indicating copy to clipboard operation
atom-tachyons copied to clipboard

Tachyon Support with snippets and autocompletion.

Tachyon Support for Atom

Provides Tachyon classes with autocompletion and component snippets.

Install:

apm install atom-tachyons

Key Features:

  • Supports autocompletion of all helper classes in JavaScript, CSS and HTML
  • Snippet support for all components in js, jsx, and html files.

Components

All components also have autocompletion support for extra options.

Articles

  • feature
  • full-bleed-background
  • large-title-text
  • left-title-top
  • left-title
  • photo-essay
  • single-column-large-title
  • title-text-image
  • title-text

Banners

  • banner-basic

Buttons

  • btn-{solid,thin,normal,thick} (eg btn-solid)
  • btn-pill-{solid,thin,normal,thick} (eg btn-pill-solid)
  • btn-pill-grow-{solid,thin,normal,thick} (eg btn-pill-grow-solid)

Cards

  • album-centered
  • album-left
  • news-card
  • product-card
  • profile-card-title
  • profile-card
  • text-card

Collections

  • albums

Footers

  • simple-large-type
  • small-print
  • social-circles
  • social-text
  • social

Headers

  • circle-avatar-title
  • fixed-semi-transparent
  • rounded-avatar-title

Layout

  • centered-container
  • flag-object-collapse
  • flag-object
  • four-column-collapse-two
  • four-column
  • two-column-collapse-one
  • two-column

Lists

  • border-spaced
  • border-tight
  • large-links-inline
  • links-inline
  • links-borders-inline
  • slab-stat-large
  • slab-stat-small
  • slab-stat
  • title-text-list

Nav

  • large-title-link-list
  • list-overflow
  • logo-links-inline-collapse
  • logo-links
  • title-link-list