jack-n-coke

A snippet boost for Bourbon.io & Neat.bourbon.io users

samuelhorn

338

6

0.4.0

MIT

GitHub

Jack-n-coke for Atom

Jack-n-coke makes writing Bourbon & Neat scss much smoother. It brings all mixins to Atom via snippets.

Installation

In Atom hit cmd+shift+p, write "install packages" and press enter. Then just search for jack-n-coke and push the install button.

How to use

For any mixin, function, or add-on just write the prefix and hit tab. For example, animation[tab] will render the following:

@include animation(fadeIn .25s ease-in-out);

Bourbon mixin prefix list

animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function appearance background border-image box box-align box-direction box-flex box-flex-group box-lines box-ordinal-group box-orient box-pack box-sizing column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns display-box flex-box font-face hidpi image-rendering keyframes linear-gradient perspective perspective-origin placeholder radial-gradient transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function user-select

Bourbon function prefix list

abs ceil compact fg-column fg-gutter fg-max-columns flex-grid flex-gutter floor golden-ratio grid-width gw-column gw-gutter linear-gradient modular-scale radial-gradient shade tint

Bourbon add-ons prefix list

all-text-inputs all-text-inputs-focus all-text-inputs-hover button clearfix georgia helvetica hide-text inline-block lucida-grande monospace position prefix-for-microsoft prefix-for-mozilla prefix-for-opera prefix-for-spec prefix-for-webkit prefixer retina-image size triangle verdana

Neat prefix list

breakpoint fill-parent media omega outer-container pad row shift span-columns