Commit ad91b052 authored by Henk Verlinde's avatar Henk Verlinde
Browse files

feat: add doks default style + examples

parent 5180bd53

assets/js/highlight.js

+2 −0
Original line number Diff line number Diff line
@@ -6,6 +6,7 @@ import bash from 'highlight.js/lib/languages/bash'; 
import htmlbars from 'highlight.js/lib/languages/htmlbars';

import ini from 'highlight.js/lib/languages/ini';

import yaml from 'highlight.js/lib/languages/yaml';

import markdown from 'highlight.js/lib/languages/markdown';



hljs.registerLanguage('javascript', javascript);

hljs.registerLanguage('json', json);
@@ -14,6 +15,7 @@ hljs.registerLanguage('html', htmlbars); 
hljs.registerLanguage('ini', ini);

hljs.registerLanguage('toml', ini);

hljs.registerLanguage('yaml', yaml);

hljs.registerLanguage('md', markdown);



document.addEventListener('DOMContentLoaded', () => {

  document.querySelectorAll('pre code').forEach((block) => {

assets/scss/app.scss

+3 −2
Original line number Diff line number Diff line
@@ -8,14 +8,15 @@ 
@import "bootstrap/scss/bootstrap";



/** Import highlight.js */

@import "highlight.js/scss/gradient-dark";

// @import "highlight.js/scss/dracula";



/** Import theme styles */

@import "common/fonts";

@import "common/global";

@import "common/dark";

@import "components/code";

@import "components/doks";

// @import "components/syntax";

@import "components/code";

@import "components/alerts";

@import "components/buttons";

@import "components/comments";

assets/scss/common/_variables.scss

+0 −1
Original line number Diff line number Diff line
@@ -110,7 +110,6 @@ $font-size-xl: $font-size-base * 1.375; 
$font-size-lg:                $font-size-base * 1.25;

$font-size-md:                $font-size-base * 1.125;

$font-size-sm:                $font-size-base * 0.875;

$font-size-xs:                $font-size-base * 0.625;



$line-height-base:            1.5;

assets/scss/components/_buttons.scss

+3 −3
Original line number Diff line number Diff line
@@ -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 → 100644
+50 −0
Original line number Diff line number Diff line 
/*



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;

}