Issue #2884172 by yash_khandelwal: Fix CSS coding standards errors

Author: yash-iksula

field_permission_example/css/field_permission_example.css

@@ -3,18 +3,18 @@
  * CSS for Field Example.
  */
 .stickynote {
-  background: #fefabc;
-  padding: 0.8em;
-  font-family: cursive;
-  font-size: 1.1em;
-  color: 1000;
-  width: 15em;
-  -moz-transform: rotate(2deg);
-  -webkit-transform: rotate(2deg);
-  -o-transform: rotate(2deg);
-  -ms-transform: rotate(2deg);
-  transform: rotate(2deg);
-  box-shadow: 0px 4px 6px #333;
-  -moz-box-shadow: 0px 4px 6px #333;
-  -webkit-box-shadow: 0px 4px 6px #333;
+    background: #fefabc;
+    padding: 0.8em;
+    font-family: cursive;
+    font-size: 1.1em;
+    color: #def9ff;
+    width: 15em;
+    -moz-transform: rotate(2deg);
+    -webkit-transform: rotate(2deg);
+    -o-transform: rotate(2deg);
+    -ms-transform: rotate(2deg);
+    transform: rotate(2deg);
+    -moz-box-shadow: 0 4px 6px #333;
+    -webkit-box-shadow: 0 4px 6px #333;
+    box-shadow: 0 4px 6px #333;
 }

js_example/css/jsweights.css

@@ -1,4 +1,4 @@
-div#js-weights div {
-  font-size: 20px;
-  font-weight: bold;
+.js-weights div {
+    font-size: 20px;
+    font-weight: bold;
 }

js_example/src/Controller/JsExampleController.php

@@ -91,7 +91,7 @@ public function getJsWeightImplementation() {
     // Main container DIV. We give it a unique ID so that the JavaScript can
     // find it using jQuery.
     $build['content'] = array(
-      '#markup' => '<div id="js-weights"></div>',
+      '#markup' => '<div id="js-weights" class="js-weights"></div>',
     );
     // Attach library containing css and js files.
     $build['#attached']['library'][] = 'js_example/js_example.weights';