Indent Guides For Stylus Editor by pabli

Indent Guides For Stylus Editor screenshot
Install Get Stylus Write a review

Details

Authorpabli

LicenseMIT

Created

Updated

Categorychrome-extension

Statistics

Learn how we calculate statistics in the FAQ.

Total views

Total installs

Weekly installs

Weekly updates

Description

Indent Guides For Stylus Editor.
You can set the width and color in the style config.

☕ Support me on ko-fi

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Indent Guides For Stylus Editor
@namespace      github.com/pabli24
@version        1.0.1
@description    Indent Guides for CodeMirror5 in Stylus Editor
@author         Pabli
@license        MIT

@preprocessor   stylus
@var            number   wh  "Width (px)" ['px', 1, 0, null]
@var            color    cr  "Color" rgba(255, 255, 255, .2)

@var            checkbox png "▼ Use image instead of box-shadow property ▼" 0
@var            number   pwh "Width (px)" ['px', 1, 0, null]
@var            number   poy "Opacity (%)" ['%', 20, 0, 100]
==/UserStyle== */

@-moz-document regexp("(chrome|moz)-extension:\/\/.*(install-usercss|edit)\.html.*") {

if png {
	.cm-tab {
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAAXNSR0IArs4c6QAAABBJREFUGFdj+P///38GEAEAJ+IH+a6NcJIAAAAASUVORK5CYII=') left repeat-y;
		background-size: pwh;
		opacity: poy
	}
}
else {
	.cm-tab {
		box-shadow: inset wh 0 0 0 cr
	}
}

}

Reviews

No reviews yet.