fix: tighten definitions of highlighter (#496)

Author: henryiii

assets/css/lesson.scss

@@ -38,44 +38,44 @@ $color-testimonial: #fc8dc1 !default;
     border-radius: 4px 0 0 4px;
 }
 
-.error   { @include cdSetup($color-error); }
-.warning { @include cdSetup($color-warning); }
-.output  { @include cdSetup($color-output); }
-.source  { @include cdSetup($color-source); }
-
-.bash, .language-bash     { @include cdSetup($color-source); }
-.make, .language-make     { @include cdSetup($color-source); }
-.matlab, .language-matlab { @include cdSetup($color-source); }
-.python, .language-python { @include cdSetup($color-source); }
-.r, .language-r           { @include cdSetup($color-source); }
-.sql, .language-sql       { @include cdSetup($color-source); }
-
-.error::before,
-.warning:before,
-.output::before,
-.source::before,
-.bash::before, .language-bash::before,
-.make::before, .language-make::before,
-.matlab::before, .language-matlab::before,
-.python::before, .language-python::before,
-.r::before, .language-r::before,
-.sql::before, .language-sql::before {
+div.error   { @include cdSetup($color-error); }
+div.warning { @include cdSetup($color-warning); }
+div.output  { @include cdSetup($color-output); }
+div.source  { @include cdSetup($color-source); }
+
+div.bash, div.language-bash     { @include cdSetup($color-source); }
+div.make, div.language-make     { @include cdSetup($color-source); }
+div.matlab, div.language-matlab { @include cdSetup($color-source); }
+div.python, div.language-python { @include cdSetup($color-source); }
+div.r, div.language-r           { @include cdSetup($color-source); }
+div.sql, div.language-sql       { @include cdSetup($color-source); }
+
+div.error::before,
+div.warning:before,
+div.output::before,
+div.source::before,
+div.bash::before, div.language-bash::before,
+div.make::before, div.language-make::before,
+div.matlab::before, div.language-matlab::before,
+div.python::before, div.language-python::before,
+div.r::before, div.language-r::before,
+div.sql::before, div.language-sql::before {
     background-color: #f2eff6;
     display: block;
     font-weight: bold;
     padding: 5px 10px;
 }
 
-.error::before  { background-color: #ffebe6; content: "Error"; }
-.warning:before { background-color: #f8f4e8; content:" Warning"; }
-.output::before { background-color: #efefef; content: "Output"; }
-.source::before { content: "Code"; }
-.bash::before, .language-bash::before { content: "Bash"; }
-.make::before, .language-make::before { content: "Make"; }
-.matlab::before, .language-matlab::before { content: "Matlab"; }
-.python::before, .language-python::before { content: "Python"; }
-.r::before, .language-r::before { content: "R"; }
-.sql::before, .language-sql::before { content: "SQL"; }
+div.error::before  { background-color: #ffebe6; content: "Error"; }
+div.warning:before { background-color: #f8f4e8; content:" Warning"; }
+div.output::before { background-color: #efefef; content: "Output"; }
+div.source::before { content: "Code"; }
+div.bash::before, div.language-bash::before { content: "Bash"; }
+div.make::before, div.language-make::before { content: "Make"; }
+div.matlab::before, div.language-matlab::before { content: "Matlab"; }
+div.python::before, div.language-python::before { content: "Python"; }
+div.r::before, div.language-r::before { content: "R"; }
+div.sql::before, div.language-sql::before { content: "SQL"; }
 
 // Tab panels are used on Setup pages to show instructions for different Operating Systems
 .tab-pane {