feat: add doks default style + examples

assets/scss/components/_buttons.scss

@@ -62,12 +62,12 @@ body.dark .toggle-dark {
 
   .btn-clipboard {
     position: absolute;
-    top: 2.125rem;
-    right: 1rem;
+    top: 1rem;
+    right: 0.25rem;
     z-index: 10;
     display: block;
     padding: 0.25rem 0.5rem;
-    font-size: $font-size-xs;
+    font-size: $font-size-sm;
   }
 }
 

assets/scss/components/_doks.css

@@ -0,0 +1,50 @@
+/*
+
+Doks — based on Ascetic by (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: $beige;
+  color: $black;
+}
+
+body.dark .hljs {
+  background: $body-overlay-dark;
+  color: $body-color-dark;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-section,
+.hljs-addition,
+.hljs-attribute,
+.hljs-link {
+  color: #888;
+}
+
+.hljs-comment,
+.hljs-quote,
+.hljs-meta,
+.hljs-deletion {
+  color: #ccc;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-section,
+.hljs-name,
+.hljs-type,
+.hljs-strong {
+  font-weight: bold;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}