GNU libc Water Style by yuelikestocode

Details

Authoryuelikestocode

LicenseMIT License | Copyright Yue, Kognise (water.css)

Categorywww.gnu.org/software/libc/manual/

Created1 year, 8 months ago

Updated1 year, 8 months ago

Size1.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Light/Dark Style for GNU libc docs. Based on water.css https://watercss.kognise.dev/

responsive
dark theme
light theme
documentation
glibc
mobile
desktop
stylus
css

Notes

No need for extra setup. Fonts and base styles are from google fonts and cdn servers.

Based upon water.css.
Added borders and font changes.
Basic styling for header, dl, and .category

Issues, comments and pull requests are welcomed.

Source code

/* ==UserStyle==
@name           GNU libc Water Style
@namespace      github.com/openstyles/stylus
@version        0.1.0
@description    Light/Dark Style for GNU libc docs. Based on https://watercss.kognise.dev/ 
@author         Yue Yu
==/UserStyle== */
@-moz-document url-prefix("https://www.gnu.org/software/libc/manual/") {
    @import url("https://cdn.jsdelivr.net/npm/water.css@2/out/water.min.css");
    @import url("https://fonts.googleapis.com/css?family=Noto+Sans+Mono");
    @import url("https://fonts.googleapis.com/css?family=Noto+Sans");

    :root {
        --mono-font: "Noto Sans Mono", monospace;
        --sans-font: "Noto Sans", sans-serif;
    }

    body {
        font-family: var(--sans-font);
    }

    code {
        font-family: var(--mono-font);
    }

    var {
        font-family: var(--mono-font);
    }

    .category {
        display: block;
        font-size: .9em;
        font-style: italic;
        color: var(--text-muted);
    }

    .category + span {
        font-family: var(--mono-font);
        background: var(--background-alt);
    }

    a {
        text-decoration: underline;
    }

    dl {
        border-style: solid;
        border-width: .1em;
        border-radius: .8em;
        border-color: var(--border);

        padding: 1em;
    }

    .header {
        text-align: center;
        padding: .5em;
        background: var(--background-alt);
    }

    .header a {
        text-decoration: none;
        font-weight: bold;
    }
}

Reviews

No reviews yet.