Add trailing styling to non-breaking space

DennisKehrig · Aug 5, 2015 · fc01906 · fc01906
1 parent d624315
commit fc01906
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 3 deletions.
diff --git a/styles/main.less b/styles/main.less
@@ -23,7 +23,18 @@
  */
 
 .CodeMirror {
-    .cm-dk-whitespace-space, .cm-dk-whitespace-tab, .cm-dk-whitespace-leading-space, .cm-dk-whitespace-leading-tab, .cm-dk-whitespace-trailing-space, .cm-dk-whitespace-trailing-tab, .cm-dk-whitespace-empty-line-space, .cm-dk-whitespace-empty-line-tab {
+    .cm-dk-whitespace-space,
+    .cm-dk-whitespace-nonbrk-space,
+    .cm-dk-whitespace-tab,
+    .cm-dk-whitespace-leading-space,
+    .cm-dk-whitespace-leading-nonbrk-space,
+    .cm-dk-whitespace-leading-tab,
+    .cm-dk-whitespace-trailing-space,
+    .cm-dk-whitespace-trailing-nonbrk-space,
+    .cm-dk-whitespace-trailing-tab,
+    .cm-dk-whitespace-empty-line-space,
+    .cm-dk-whitespace-empty-line-nonbrk-space,
+    .cm-dk-whitespace-empty-line-tab {
         position: relative;
         &:before {
             content: "";
@@ -35,15 +46,27 @@
             height: 0.2ex;
         }
     }
-    .cm-dk-whitespace-space:before, .cm-dk-whitespace-leading-space:before, .cm-dk-whitespace-trailing-space:before, .cm-dk-whitespace-empty-line-space:before {
+
+    .cm-dk-whitespace-space:before,
+    .cm-dk-whitespace-nonbrk-space:before,
+    .cm-dk-whitespace-leading-space:before,
+    .cm-dk-whitespace-leading-nonbrk-space:before,
+    .cm-dk-whitespace-trailing-space:before,
+    .cm-dk-whitespace-trailing-nonbrk-space:before,
+    .cm-dk-whitespace-empty-line-space:before,
+    .cm-dk-whitespace-empty-line-nonbrk-space:before {
         left: 50%;
         width:        0.2ex;
         margin-left: -0.1ex;
 
         min-width:  2px;
         min-height: 2px;
     }
-    .cm-dk-whitespace-tab:before, .cm-dk-whitespace-leading-tab:before, .cm-dk-whitespace-trailing-tab:before, .cm-dk-whitespace-empty-line-tab:before {
+
+    .cm-dk-whitespace-tab:before,
+    .cm-dk-whitespace-leading-tab:before,
+    .cm-dk-whitespace-trailing-tab:before,
+    .cm-dk-whitespace-empty-line-tab:before {
         left: 0.2ex;
         right: 0.2ex;
 

diff --git a/styles/whitespace-colors-css.tmpl b/styles/whitespace-colors-css.tmpl
@@ -11,6 +11,10 @@
 .CodeMirror .cm-dk-whitespace-empty-line-tab:before { background-color: <%= light.empty %>; }
 .CodeMirror .cm-dk-whitespace-trailing-space:before,
 .CodeMirror .cm-dk-whitespace-trailing-tab:before { background-color: <%= light.trailing %>; }
+.CodeMirror .cm-dk-whitespace-nonbrk-space:before,
+.CodeMirror .cm-dk-whitespace-leading-nonbrk-space:before,
+.CodeMirror .cm-dk-whitespace-empty-line-nonbrk-space:before,
+.CodeMirror .cm-dk-whitespace-trailing-nonbrk-space:before { background-color: <%= light.trailing %>; }
 
 /* Dark theme */
 .dark .CodeMirror .cm-dk-whitespace-space:before,
@@ -21,3 +25,7 @@
 .dark .CodeMirror .cm-dk-whitespace-empty-line-tab:before { background-color: <%= dark.empty %>; }
 .dark .CodeMirror .cm-dk-whitespace-trailing-space:before,
 .dark .CodeMirror .cm-dk-whitespace-trailing-tab:before { background-color: <%= dark.trailing %>; }
+.dark .CodeMirror .cm-dk-whitespace-nonbrk-space:before,
+.dark .CodeMirror .cm-dk-whitespace-leading-nonbrk-space:before,
+.dark .CodeMirror .cm-dk-whitespace-empty-line-nonbrk-space:before,
+.dark .CodeMirror .cm-dk-whitespace-trailing-nonbrk-space:before { background-color: <%= dark.trailing %>; }