From 4f69306558deb8ecd006c7b8d20641e4ab3e1cb3 Mon Sep 17 00:00:00 2001 From: Arctic Ice Studio Date: Sat, 17 Sep 2016 17:05:41 +0200 Subject: [PATCH] [GHI-#5] Implement CSS/LESSCSS/Sass language styles --- index.less | 1 + styles/languages/css.less | 40 ++++++++++++++++++++++++++++++++++++ styles/syntax-variables.less | 8 ++++++++ 3 files changed, 49 insertions(+) create mode 100644 styles/languages/css.less diff --git a/index.less b/index.less index 4e3d13b..418746e 100644 --- a/index.less +++ b/index.less @@ -33,3 +33,4 @@ LESSCSS @import "styles/syntax"; /*+--- Languages ---+*/ +@import "styles/languages/css"; diff --git a/styles/languages/css.less b/styles/languages/css.less new file mode 100644 index 0000000..8d069e6 --- /dev/null +++ b/styles/languages/css.less @@ -0,0 +1,40 @@ +/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +title Language CSS + +project nord-atom-syntax + +version + +repository https://github.com/arcticicestudio/nord-atom-syntax + +author Arctic Ice Studio + +email development@arcticicestudio.com + +copyright Copyright (C) 2016 + +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + +Supports LESSCSS and Sass. + +[Language Packages] + > language-css (https://atom.io/packages/language-css) +*/ +.source.css, +.source.css.less, +.source.css.scss, +.source.css.sass { + .meta.at-rule { + .punctuation.definition.keyword { + color: @syntax-color-keyword; + } + + & > .string.quoted { + color: @syntax-color-class; + } + } + + .support { + &.constant.property-value { + color: @syntax-color-keyword; + } + + &.type.property-name { + color: @syntax-color-css-property; + } + } +} diff --git a/styles/syntax-variables.less b/styles/syntax-variables.less index fc3bdd0..589a521 100644 --- a/styles/syntax-variables.less +++ b/styles/syntax-variables.less @@ -17,6 +17,7 @@ copyright Copyright (C) 2016 + > Gutter > Language Entities Base + Specific > Marker > Sizes */ @@ -101,6 +102,13 @@ copyright Copyright (C) 2016 + @syntax-deprecated: @nord13; @syntax-illegal: @nord11; +/*+--- Specific ---+*/ +@syntax-color-css-property: @nord7; +@syntax-color-markup-code: @nord7; +@syntax-color-markup-heading: @nord8; +@syntax-color-markup-heading-marker: @nord9; +@syntax-color-markup-quote: @nord6; + /*+--------+ + Marker + +--------+*/