Skip to content

GNU libc Water Style by yuelikestocode

Screenshot of GNU libc Water Style
Write a review Install Get Stylus

Details

Authoryuelikestocode

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

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

Created

Updated

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.