style: tambahkan style untuk menampilkan section anchor pada headers

1 files changed, 39 insertions, 9 deletions

diff --git a/_content/assets/style.css b/_content/assets/style.css
index d3de577..86f0af4 100644
--- a/_content/assets/style.css
+++ b/_content/assets/style.css
@@ -22,8 +22,27 @@ a {
 	color: #007d9c;
 	text-decoration: none;
 }
-a:hover {
-	text-decoration: underline;
+a.anchor {
+	position: absolute;
+	z-index: 1001;
+	width: 1.5ex;
+	margin-left: -1.5ex;
+	display: block;
+	text-decoration: none !important;
+	visibility: hidden;
+	text-align: center;
+	font-weight: 400;
+}
+a.anchor:hover {
+	cursor: pointer;
+	outline: 0;
+	visibility: visible;
+}
+a.anchor::before {
+	content: "\00A7";
+	font-size: 0.85em;
+	display: block;
+	padding-top: 0.1em;
 }
 
 p,
@@ -44,9 +63,11 @@ ol {
 h1,
 h2,
 h3,
-h4 {
+h4,
+h5,
+h6 {
 	margin: 1.25rem 0 1.25rem;
-	padding: 0;
+	padding: 0.5rem 0.5rem 0.5rem 1.25rem;
 	color: #007d9c;
 	font-weight: bold;
 }
@@ -61,7 +82,6 @@ h2 {
 	clear: right;
 	font-size: 1.25rem;
 	background: #e0ebf5;
-	padding: 0.5rem;
 	line-height: 1.25;
 	font-weight: normal;
 	overflow: auto;
@@ -78,7 +98,7 @@ h3 {
 }
 h3,
 h4 {
-	margin: 1.25rem 0.3125rem;
+	margin: 1.25rem 0rem;
 }
 h4 {
 	font-size: 1rem;
@@ -91,6 +111,14 @@ h3 > span {
 	font-weight: normal;
 	color: #5279c7;
 }
+h1:hover > a.anchor,
+h2:hover > a.anchor,
+h3:hover > a.anchor,
+h4:hover > a.anchor,
+h5:hover > a.anchor,
+h6:hover > a.anchor {
+	visibility: visible;
+}
 
 dl {
 	margin: 1.25rem;
@@ -98,9 +126,11 @@ dl {
 dd {
 	margin: 0 0 0 1.25rem;
 }
-dl,
-dd {
-	font-size: 0.875rem;
+dd p {
+	margin: 0.5rem 0 1.25rem 1.25rem;
+}
+td p {
+	margin: 0 0 0 1.25rem;
 }
 
 /**