example site - icons to use 'content' pseudoelem. css prop. / make al…

…l headings default bold
andis-sprinkis · Dec 7, 2023 · db8b187 · db8b187
1 parent 1ddc848
commit db8b187
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 13 deletions.
diff --git a/site/documents/index/_block_layout_index_children.html b/site/documents/index/_block_layout_index_children.html
@@ -6,7 +6,6 @@ <h1>Example index page</h1>
     aliquip amet voluptate voluptate dolor minim nulla est proident. Nostrud officia pariatur ut officia.
   </p>
 </section>
-<hr />
 <section>
   <h2 id="heading-nav-documents">Site documents</h2>
   <nav aria-labelledby="heading-nav-documents">

diff --git a/site/documents/index/static/styles.css b/site/documents/index/static/styles.css
@@ -133,8 +133,7 @@ a:hover {
 a[target='_blank']::after,
 a[href^='mailto:']::after,
 a[href^='tel:']::after {
-  content: '';
-  background: var(--url-icon-new-tab);
+  content: var(--url-icon-new-tab);
   display: inline-block;
   width: 1em;
   height: var(--line-height-em);
@@ -209,14 +208,9 @@ h3,
 h4,
 h5,
 h6 {
-  font-weight: normal;
   font-size: 1em;
 }
 
-h1 {
-  font-weight: bold;
-}
-
 ul,
 ol {
   margin-top: 0;
@@ -280,7 +274,7 @@ h1 {
 }
 
 h2 {
-  margin-top: calc(0.5 * var(--grid-gap));
+  margin-top: var(--grid-gap);
 }
 
 ul {
@@ -295,8 +289,7 @@ ul li {
 }
 
 ul li::before {
-  content: '';
-  background: var(--url-icon-bullet);
+  content: var(--url-icon-bullet);
   display: inline-block;
   width: 1em;
   height: var(--line-height-em);
@@ -329,8 +322,7 @@ ul.inline-list-sep li::before {
 }
 
 ul.inline-list-sep li:not(:last-child)::after {
-  content: '';
-  background: var(--url-icon-dot);
+  content: var(--url-icon-dot);
   print-color-adjust: exact;
   display: inline-block;
   width: 1em;