mirror/emacs
1
0
Fork 0
mirror of https://git.savannah.gnu.org/git/emacs.git synced 2024-12-23 10:34:07 +00:00
Code Issues Releases Activity

Highlight two additional SCSS keywords

Browse Source 
* lisp/textmodes/css-mode.el (css-bang-ids): New defconst holding CSS
identifiers on the form !foo.
(scss-bang-ids): New defconst holding SCSS identifiers on the form
!foo.
(css--font-lock-keywords): Highlight the new SCSS bang identifiers in
`font-lock-builtin-face'.

* test/indent/css-mode.css: Add bang rule test case.

* test/indent/scss-mode.css: Add test cases for the introduced bang
rules.
This commit is contained in:
Simen Heggestøyl 2016-02-01 21:38:25 +01:00
parent ee8b466995
commit 1d07dcd720
3 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
lisp/textmodes/css-mode.el
View File

@ -54,6 +54,14 @@
'("charset" "font-face" "import" "media" "namespace" "page")
"Identifiers that appear in the form @foo.")
(defconst css-bang-ids
'("important")
"Identifiers that appear in the form !foo.")
(defconst scss-bang-ids
'("default" "global" "optional")
"Additional identifiers that appear in the form !foo in SCSS.")
(defconst css-descriptor-ids
'("ascent" "baseline" "bbox" "cap-height" "centerline" "definition-src"
"descent" "font-family" "font-size" "font-stretch" "font-style"
@ -236,8 +244,8 @@
(defun css--font-lock-keywords (&optional sassy)
`((,(concat "!\\s-*"
(regexp-opt (append (if sassy '("global"))
'("important"))))
(regexp-opt (append (if sassy scss-bang-ids)
css-bang-ids)))
(0 font-lock-builtin-face))
;; Atrules keywords. IDs not in css-at-ids are valid (ignored).
;; In fact the regexp should probably be

2
test/indent/css-mode.css
View File

@ -9,7 +9,7 @@ article[role="main"] {
}
a, b:hover, c {
color: black;
color: black !important;
}
a, b:hover { /* bug:20282 */

11
test/indent/scss-mode.scss
View File

@ -40,11 +40,20 @@ p.#{$name} var
}
article[role="main"] {
$toto: 500 !global;
float: left;
$var-with-default: 300 !default;
float: left !important;
width: 600px / 888px * 100%;
height: 100px / 888px * 100%;
}
%placeholder {
color: #f0f0f0;
}
button {
@extend %placeholder !optional;
}
@import 'reset';
@mixin border-radius($radius) {