Merge pull request #7338 from atom/sm-styles-examples

styles.less examples

dot-atom/styles.less

@@ -2,24 +2,31 @@
  * Your Stylesheet
  *
  * This stylesheet is loaded when Atom starts up and is reloaded automatically
- * when it is changed.
+ * when it is changed and saved.
  *
- * If you are unfamiliar with LESS, you can read more about it here:
- * http://www.lesscss.org
+ * Add your own CSS or Less to fully customize Atom.
+ * If you are unfamiliar with Less, you can read more about it here:
+ * http://lesscss.org
  */
 
+
+/*
+ * Examples
+ * (To see them, uncomment and save)
+ */
+
+// style the background color of the tree view
 .tree-view {
-
+  // background-color: whitesmoke;
 }
 
-// style the background and foreground colors on the atom-text-editor-element
-// itself
+// style the background and foreground colors on the atom-text-editor-element itself
 atom-text-editor {
-
+  // color: white;
+  // background-color: hsl(180, 24%, 12%);
 }
 
-// To style other content in the text editor's shadow DOM, use the ::shadow
-// expression
+// To style other content in the text editor's shadow DOM, use the ::shadow expression
 atom-text-editor::shadow .cursor {
-
+  // border-color: red;
 }