PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

2.0.2

npm

@0x44ru5h/cute.css

a cute, modern, and minimal css framework designed for simplicity

Published9 Dec 2021
Direct dependencies3
Transitive dependenciesNot calculated

README

Current package documentation

License Version Downloads

cute.css v2.0.2

a cute, modern, and minimal css framework designed for simplicity

Overview

cute.css is a css framework designed to be modern and minimal, with simplicity for the user in mind; that is why it ships with two pre-built themes (src/themes/), light and dark, with making custom themes easier than other frameworks with simple css variables. It uses html object names rather than classes to make applying styles much easier. See it in action at https://hornersteamclub.github.io.

Styles

header

The header object is for all content above and including the navigation bar, such as titles and brand images.

<header>
    ...
</header>

nav

The nav object is for the navigation bar is to be used under the header tag. Links in the navagation bar are simple a tags.

<header>
    ...
    <nav>
        <a href = "...">...</a>
    </nav>
    ...
</header>

main

The main object is for page content and is to be used after the header tag.

<main>
    ...
</main>

footer

The footer object is for copyright content is used after the main tag.

<footer>
    ...
</footer>

Mobile

cute.css ships with mobile styles built-in to make content readable on devices such as tablets, mini-computers, and smartphones.

Custom Themes

cute.css includes a simple api for creating custom themes, with the help of css variables.

Here is a sample theme from src/basic.cute.css

:root {
    --cute-text: #ffffff;
    --cute-background: #151D21;
    --cute-background-accent: #000000;
    --cute-accent: #2fa5ff;
    --cute-accent-dark: #2571db;
    --cute-accent-greyscale: #777777;
}

Custom themes are put in the same format, with all values as color values (hex, rgb).

--cute-text

Color of text

--cute-background

Color of background

--cute-background-accent

Accent color (complements main) of background

--cute-accent

Accent color of text

--cute-accent-dark

Darker accent color of text

--cute-accent-greyscale

Greyscale accent color of text

Browser Compatibility

cute.css works in all modern browsers, both desktop and mobile.

Copyright © 2021 Aarush Gupta

This code is copyrighted but licensed to the public under the GNU AGPLv3 license and any later versions.

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 3

Native requirements
3 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
sass
Environment
{
  "local_name": "sass",
  "alias": false,
  "peer_metadata": null
}
^1.43.4runtime
clean-css
Environment
{
  "local_name": "clean-css",
  "alias": false,
  "peer_metadata": null
}
^4.2.3runtime
clean-css-cli
Environment
{
  "local_name": "clean-css-cli",
  "alias": false,
  "peer_metadata": null
}
^4.3.0runtime

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-9Rmy0LuDjFgIIYvS+bC2E4oZ5mBdDUJFCRfAHVjGBqTlYts1hOtZJj9EX7wTXepyfimeuUTnZP7jqY+AhevoJA==",
  "shasum": "f6dfe67cc3813fe00796d730ff8edb6ef31325f4",
  "tarball": "https://registry.npmjs.org/@0x44ru5h/cute.css/-/cute.css-2.0.2.tgz",
  "fileCount": 14,
  "unpackedSize": 41182,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsVOhCRA9TVsSAnZWagAAuuwP/jr32La6Tc7NOncjfp30\nYtYGb1fy4E9N2MwIOL/Ikt6Q87tF3v5YUpWGokhb8ENYGpyyOUNeEywNnn6i\nyGYuLVt7RTPVrRD2HlIIeCKlKLNgc7u8F3smqE1PYMuQ31xMJAx4AuFjoBwo\nrkgKNkDRAVOEklg5UsIR1YaBY8d6Yx+dHIdOXpOij4ebmgC/tRHqpoTxsJtT\ny2zwOTD1czPoVgY49ZPdRe0sH1JiPIW17iJCvD8WcsV6Df+Xi7L4+6gGVSc4\ns5kkpRxMcRilJ1cLDOoUAC4ija8HgS6/yRvU6X/GgnstzXepQuHQmTMIO8P2\ng+tXesRLidAkiw7bWmnEs3BYsGpcfKt09n8R2HhLdFlN23TX3Wok6MlUexjj\nXILFFOR4olsRM0IG5ad9QEnnU2fcTTbteOJmg0GQqKNUxN4fdgcBCqKxy+de\ni0hLKgFWN+RpLym4IliyE1YbuoD1KAvvFeylWrvotW3Vo+tY5Lw98YnxjkSz\nYr8frDE5arUl8J+rf+SxWJ6WXmsoSJnsK7xCyGXd7S1XCaU3fzUNKhWoP5Cu\n5ketpZaNaRjcMurIJxtVI0F9/k5S7iygsuLCj6CJOAFZ7IUgzkYNMYigyvJR\njZVhLydjkbCw9ZlNBBiP/uOOePG3nnToZlEKnyDKuRHwAJ6X42yGCnRyTt7g\npkMZ\r\n=bxBs\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEYCIQCSBUFxv1XICluNaCYkjjfB7zxkv7v2IFT79v4VYXYnHgIhAN+D6YiR7Q665/4F+DUxu14Vq1rOOq2x1n5bo94yalkE"
    }
  ]
}

Repository

PENDING
0x44ru5h/cute.css

Shared repository data · GitHub

License detected in repository
Not collected

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 22:37 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:184db6b26164fb037450442bc8bd3fee150ea9805e39b1cce02df1a2be94e591

Other collected versions

2.0.124 Nov2.0.024 Nov1.0.127 Oct1.0.027 OctView all collected versions →