Convert to css style comments, part 1.

assets/sass/base/grouping/_grouping.scss

@@ -1,14 +1,6 @@
 // Grouping content
 
 // Block quotes
-//
-// The `<blockquote>` element is for quoting blocks of content from another
-// source within your document. Wrap the `<blockquote>` around any <abbr
-// title="HyperText Markup Language">HTML</abbr> as the quote. For straight
-// quotes, we recommend a `<p>`.
-//
-// Optionally, add a `<footer>` to identify the source of the quote, wrapping
-// the name of the source work in `<cite>`.
 
 blockquote {
   // Add vertical rhythm margins.

assets/sass/base/headings/_headings.scss

@@ -1,8 +1,9 @@
-// Headings
-//
-// All HTML headings, `<h1>` through `<h6>`, are available. `%h1` through `%h6`
-// classes are also available, for when you want to match the font styling of a
-// heading but not be a heading.
+/* Headings
+
+All HTML headings, `<h1>` through `<h6>`, are available. `%h1` through `%h6`
+classes are also available, for when you want to match the font styling of a
+heading but not be a heading. */
+
 h1,
 %h1,
 h2,

assets/sass/base/links/_links.scss

@@ -1,24 +1,24 @@
-// Links
-//
-// Hyperlinks are used to allow the user to navigate to other resources or to
-// download a resource.
-//
-// The order of link states are based on Eric Meyer's article:
-// http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
-//
-// :visited - A link that has already been visited.
-// :hover   - A link that is being hovered over.
-// :focus   - A link that has been given keyboard focus.
-// :active  - A link that is being actively clicked.
+/* Links
+
+Hyperlinks are used to allow the user to navigate to other resources or to
+download a resource.
+
+The order of link states are based on Eric Meyer's article:
+http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
+
+:visited - A link that has already been visited.
+:hover   - A link that is being hovered over.
+:focus   - A link that has been given keyboard focus.
+:active  - A link that is being actively clicked. */
 
 a,
 %link {
   color: var(--color-link);
 }
 
-// Any element can receive focus, but only links can be visited, so we can
-// safely lower this selector's specificity. This also ensures visited links
-// with additional styles won't have their styles overridden.
+/* Any element can receive focus, but only links can be visited, so we can
+safely lower this selector's specificity. This also ensures visited links
+with additional styles won't have their styles overridden. */
 :visited {
   color: var(--color-link-visited);
 }

assets/sass/base/tables/_tables.scss

@@ -1,6 +1,4 @@
 // Tables
-//
-// The `<table>` element displays tabular data in rows, columns, and cells.
 
 table {
   // Add vertical rhythm margins.