[GHI-#5] Implement CSS/LESSCSS/Sass language styles

index.less

@@ -33,3 +33,4 @@ LESSCSS
 @import "styles/syntax";
 
 /*+--- Languages ---+*/
+@import "styles/languages/css";

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;
+    }
+  }
+}

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 +
   +--------+*/