graphical-iain / Copy-SCSS-Colors

Sketch.app Plugin to copy colors to clipboard as SCSS/SASS variable definitions.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Copy SCSS Colors

Sketch.app plugin for creating SCSS color variable declarations from a selection of color shape objects.

Installation

  1. Download and unzip the repository
  2. Double click Copy SCSS Colors.sketchplugin to open with Sketch and auto install the plugin

How to Use

Select Plugins ▸ Copy SCSS Colors in the Sketch menu bar or use the keyboard shortcut to copy the SCSS variable declarations to your clipboard. You can select a group of objects, multiple groups of objects, a single object, or multiple objects.

Colors will be copied to your clipboard in the following format: $c-[Layer Name]: #[Hex Code];

Eg., $c-red: #a80e16;

Keyboard Shortcut
Command + Shift + C

About

Sketch.app Plugin to copy colors to clipboard as SCSS/SASS variable definitions.