Skip to content

Commit cec6d96

Browse files
Max Larionovhudochenkov
authored andcommitted
Add Syntax Highlighting for SugarSS (#13)
1 parent c204b41 commit cec6d96

File tree

4 files changed

+457
-1
lines changed

4 files changed

+457
-1
lines changed

README-SugarSS.md

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
# Syntax Highlighting for [SugarSS]
2+
3+
<img src="http://postcss.github.io/sugarss/logo.svg" title="SugarSS logo by Maria Keller" align="right" width="95" height="95">
4+
5+
[SugarSS] syntax highlighting for Sublime Text. This package is a fork of [Syntax-highlighting-for-PostCSS] by @hudochenkov:
6+
7+
* Using SSS syntax highlighting. This covers all of SugarSS syntax, which is covered by Atom version.
8+
* Automatic enable syntax highlighting by `*.sss` file extensions;
9+
10+
Feel free to improve the syntax, I'm don't know much about syntax stuff, and managed to do this work by randomly slapping keyboard.
11+
12+
## Examples
13+
Indent-based CSS syntax for [PostCSS].
14+
15+
```sass
16+
a
17+
color: blue
18+
19+
.multiline,
20+
.selector
21+
box-shadow: 1px 0 9px rgba(0, 0, 0, .4),
22+
1px 0 3px rgba(0, 0, 0, .6)
23+
24+
// Mobile
25+
@media (max-width: 400px)
26+
.body
27+
padding: 0 10px
28+
```
29+
30+
## Installation
31+
32+
Install with [Package Control].
33+
34+
Open the Command Palette `Cmd+Shift+P` (OS X) or `Ctrl+Shift+P` (Linux/Windows) and select “Package Control: Install Package”, then search for `Syntax Highlighting for SugarSS`.
35+
36+
[SugarSS]: https://github.com/postcss/sugarss
37+
[Syntax-highlighting-for-PostCSS]: https://github.com/hudochenkov/Syntax-highlighting-for-PostCSS
38+
[Package Control]: https://packagecontrol.io/

README.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ PostCSS syntax highlighting for Sublime Text. This package is fork of [Syntax Hi
88
* Support for CSS custom properties `var(--variable-name)` and `--variable-name`;
99
* Automatic enable syntax highlighting by `*.pcss` and `*.postcss` file extensions;
1010
* Standard CSS comments (`/* comment */`) instead of Sass single line comments (`// comment`).
11+
* Supports [SugarSS syntax]
1112

1213
There is a lot of possible improvements can be made to this syntax, but frankly, I don't understand in syntax files much and hope for the help of the community.
1314

@@ -19,4 +20,5 @@ Open the Command Palette `Cmd+Shift+P` (OS X) or `Ctrl+Shift+P` (Linux/Windows)
1920

2021
[PostCSS]: https://github.com/postcss/postcss
2122
[Syntax Highlighting for Sass]: https://github.com/P233/Syntax-highlighting-for-Sass
23+
[SugarSS syntax]: README-SugarSS.md
2224
[Package Control]: https://packagecontrol.io/

Syntaxes/PostCSS.tmLanguage

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -571,4 +571,4 @@
571571
<key>uuid</key>
572572
<string>90DAEA60-88AA-11E2-9E96-0800200C9A66</string>
573573
</dict>
574-
</plist>
574+
</plist>

0 commit comments

Comments
 (0)