title

Allows you to save changes to css styles in Developer Tools to a remote server as scss. After making changes to Styles in element.style or in the properties of classes (only those that are in the file we are working with) by pressing F6 (by default) or the save button, the styles are saved.
The value of the properties can be specified in the form:

font-size:10px|12px|14px|16px|18px
font-size:10px|||16px|18px

and will be converted to:

@include fscssprop(font-size,10px,12px,14px,16px,18px);
@include fscssprop(font-size,10px,null,null,16px,18px);

The default size grid is 576,768,992,1200, but it can be overridden during initialization.
For control of the depth of attachments of selectors and the view of selectors introduced css properties:

--add_tag : 0||1||2||..   // add a tag name to the selector, processed if value > 0
--stop : 0||1||2||..      // stop creating a selector on this tag, processed if value > 0
--skip : 0||1||2||..      // skip this tag in selector creation, processed if value > 0
--to_root : 0||1||2||..   // skip from the current tag all tags in the selector creation to the first --stop or body found, processed if value > 0
--prefix :"string"        // add prefix to selector
--suffix :"string"        // add suffix to selector

Open dev tools and try, after saving you will immediately see the result from below.

FSCSS

.c1{
	margin:15px|20px|25px|30px;
	}
pre{
	background-color: #eee;
	padding:10px;
	font-size:12px;
	}