jekyll-docs-theme 0.1.2 → 1.0.0.pre.beta.1

data/_sass/abstracts/_highlight-light.scss

@@ -0,0 +1,251 @@
+@mixin highlight-light-theme() {
+    .hll {
+        background-color: #ffc
+    }
+
+    .c {
+        color: #999
+    }
+
+    .err {
+        color: #A00;
+        background-color: #FAA
+    }
+
+    .k {
+        color: #069
+    }
+
+    .o {
+        color: #555
+    }
+
+    .cm {
+        color: #999
+    }
+
+    .cp {
+        color: #099
+    }
+
+    .c1 {
+        color: #999
+    }
+
+    .cs {
+        color: #999
+    }
+
+    .gd {
+        background-color: #FCC;
+        border: 1px solid #C00
+    }
+
+    .ge {
+        font-style: italic
+    }
+
+    .gr {
+        color: red
+    }
+
+    .gh {
+        color: #030
+    }
+
+    .gi {
+        background-color: #CFC;
+        border: 1px solid #0C0
+    }
+
+    .go {
+        color: #AAA
+    }
+
+    .gp {
+        color: #009
+    }
+
+    .gu {
+        color: #030
+    }
+
+    .gt {
+        color: #9C6
+    }
+
+    .kc {
+        color: #069
+    }
+
+    .kd {
+        color: #069
+    }
+
+    .kn {
+        color: #069
+    }
+
+    .kp {
+        color: #069
+    }
+
+    .kr {
+        color: #069
+    }
+
+    .kt {
+        color: #078
+    }
+
+    .m {
+        color: #F60
+    }
+
+    .s {
+        color: #d44950
+    }
+
+    .na {
+        color: #4f9fcf
+    }
+
+    .nb {
+        color: #366
+    }
+
+    .nc {
+        color: #0A8
+    }
+
+    .no {
+        color: #360
+    }
+
+    .nd {
+        color: #99F
+    }
+
+    .ni {
+        color: #999
+    }
+
+    .ne {
+        color: #C00
+    }
+
+    .nf {
+        color: #C0F
+    }
+
+    .nl {
+        color: #99F
+    }
+
+    .nn {
+        color: #0CF
+    }
+
+    .nt {
+        color: #2f6f9f
+    }
+
+    .nv {
+        color: #033
+    }
+
+    .ow {
+        color: #000
+    }
+
+    .w {
+        color: #bbb
+    }
+
+    .mf {
+        color: #F60
+    }
+
+    .mh {
+        color: #F60
+    }
+
+    .mi {
+        color: #F60
+    }
+
+    .mo {
+        color: #F60
+    }
+
+    .sb {
+        color: #C30
+    }
+
+    .sc {
+        color: #C30
+    }
+
+    .sd {
+        color: #C30;
+        font-style: italic
+    }
+
+    .s2 {
+        color: #C30
+    }
+
+    .se {
+        color: #C30
+    }
+
+    .sh {
+        color: #C30
+    }
+
+    .si {
+        color: #A00
+    }
+
+    .sx {
+        color: #C30
+    }
+
+    .sr {
+        color: #3AA
+    }
+
+    .s1 {
+        color: #C30
+    }
+
+    .ss {
+        color: #FC3
+    }
+
+    .bp {
+        color: #366
+    }
+
+    .vc {
+        color: #033
+    }
+
+    .vg {
+        color: #033
+    }
+
+    .vi {
+        color: #033
+    }
+
+    .il {
+        color: #F60
+    }
+
+    .css .o,
+    .css .o+.nt,
+    .css .nt+.nt {
+        color: #999
+    }
+}

data/_sass/abstracts/_themer.scss

@@ -0,0 +1,18 @@
+@mixin themer($property, $values) {
+    @if $site-ui-mode == 'auto' {
+        @media (prefers-color-scheme: dark) {
+            & {
+                #{$property}: map-get($values, 'dark');
+            }
+        }
+
+        @media (prefers-color-scheme: light) {
+            & {
+                #{$property}: map-get($values, 'light');
+            }
+        }
+    }
+    @else if $site-ui-mode == 'dark' or $site-ui-mode == 'light' {
+        #{$property}: map-get($values, $site-ui-mode);
+    }
+}

data/_sass/abstracts/_variables.scss

@@ -0,0 +1,6 @@
+$background-color-dark: #252525 !default;
+$background-color-light: #ffffff !default;
+$color-dark: #d8d8d8 !default;
+$color-light: #222222 !default;
+
+$sidebar-border-width: 2px !default;

data/_sass/base/_anchor.scss

@@ -0,0 +1,20 @@
+a {
+    @include themer(color, (
+        'dark': $site-ui-brand-dark,
+        'light': $site-ui-brand-light,
+    ));
+
+    border-bottom: 1px dashed currentColor;
+    text-decoration: none;
+
+    &:active,
+    &:focus,
+    &:hover {
+        @include themer(color, (
+            'dark': darken($site-ui-brand-dark, 10%),
+            'light': darken($site-ui-brand-light, 10%),
+        ));
+
+        text-decoration: none;
+    }
+}

data/_sass/base/_body.scss

@@ -0,0 +1,12 @@
+body {
+    @include themer(background-color, (
+        'dark': $background-color-dark,
+        'light': $background-color-light,
+    ));
+    @include themer(color, (
+        'dark': $color-dark,
+        'light': $color-light,
+    ));
+
+    position: relative;
+}

data/_sass/base/_scope-markdown.scss

@@ -0,0 +1,94 @@
+.scope-markdown {
+    code {
+        @include themer(color, (
+            'dark': #ffa6a6,
+            'light': #e83e8c,
+        ));
+    }
+
+    h1, h2, h3,
+    h4, h5, h6 {
+        .heading-anchor {
+            border-bottom: 0;
+            font-size: 0.8em;
+            opacity: 0.6;
+            transition: opacity 0.2s;
+        }
+
+        &:hover {
+            .heading-anchor {
+                opacity: 1;
+
+                &:active,
+                &:focus,
+                &:hover {
+                    @include themer(color, (
+                        'dark': $site-ui-brand-dark,
+                        'light': $site-ui-brand-light,
+                    ));
+
+                    text-decoration: underline;
+                }
+            }
+        }
+    }
+
+    h1 {
+        font-size: 2.25rem;
+    }
+
+    h2 {
+        @include themer(border-bottom-color, (
+            'dark': $site-ui-border-color-dark,
+            'light': $site-ui-border-color-light,
+        ));
+
+        border-bottom-style: solid;
+        border-bottom-width: 1px;
+        font-size: 2rem;
+        margin-bottom: 1.25rem;
+        margin-top: 2rem;
+        padding-bottom: 0.5rem;
+    }
+
+    h3 {
+        font-size: 1.5rem;
+        margin-bottom: 0.75rem;
+        margin-top: 1.75rem;
+    }
+
+    img {
+        max-width: 100%;
+    }
+
+    table {
+        width: 100%;
+
+        thead,
+        tr {
+            @include themer(border-bottom-color, (
+                'dark': $site-ui-border-color-dark,
+                'light': $site-ui-border-color-light,
+            ));
+
+            border-bottom-style: solid;
+        }
+
+        thead {
+            border-bottom-width: 2px;
+        }
+
+        tr {
+            border-bottom-width: 1px;
+
+            &:last-child {
+                border-bottom: 0;
+            }
+        }
+
+        td,
+        th {
+            padding: 0.5rem 0.25rem;
+        }
+    }
+}

data/_sass/components/_alert.scss

@@ -0,0 +1,5 @@
+.alert {
+    p:last-of-type {
+        margin-bottom: 0;
+    }
+}

data/_sass/components/_footer.scss

@@ -0,0 +1,39 @@
+.site-footer {
+}
+
+.site-footer__social-links {
+    .github-btn {
+        border: 0;
+        overflow: hidden
+    }
+
+    .twitter-follow-button {
+        width: 225px!important
+    }
+
+    .twitter-share-button {
+        width: 98px!important
+    }
+
+}
+
+.site-footer__links {
+    .list-inline-item {
+        &:not(:last-child)::after {
+            content: '\00b7';
+            padding-left: 0.5rem;
+        }
+    }
+}
+
+.site-footer__link {
+    border-bottom: 0;
+
+    span {
+        border-bottom: 1px dashed currentColor;
+    }
+}
+
+.site-footer__summary {
+    font-size: 0.8rem;
+}