A stylesheet for text-first, responsive websites.
At its heart, web design should be about words. Dat CSS is deliberately built to highlight the quality of the text, and does it's best to conform to IA's 100% Easy-2-Read Standard.
By default, HTML is responsive and attractive. Dat CSS provides a minimal set of styles that augments, rather than mask, the benefits natively provided by browsers. Rather than rewriting everything from scratch, Dat CSS serves as a layer on top of what already exists.
Dat CSS is extremely lightweight, clocking at only XXKb.
Dat CSS was developed to be modified and extended. The codebase is simple, modular, and well-commented so that Developers can get up and running quickly.
In the spirit of simplicity Dat CSS relies on NPM for builds.
Dat CSS is post-processed, meaning that Developers need only write native CSS, rather than learning any of the preprocessed languages such as SASS, LESS, or Stylus.
Dat CSS is heavily modularized, meaning components can be easily swapped in and out as required.
Dat CSS makes heavy use of Object-Oriented CSS, which we've found dramatically benefits maintainability, especially across large, collaborative codebases.
npm install datcss
Include the following in your <head>
<link rel='stylesheet' href='/node_modules/datcss/index.css'>
Modify src/index/css.
The following variables can be changed.
/* TYPOGRAPHY */
--ms3: ;
--ms2: ;
--ms1: ;
--ms0: ;
--copy-font: ;
--copy-font-weight: ;
--copy-font-color: ;
--heading-font: ;
--heading-font-color: ;
--heading-font-weight: ;
--monospace-font: ;
--line-height: ;
--font-weight-light: ;
--font-weight-book: ;
--font-weight-medium: ;
--font-weight-semibold: ;
--font-weight-bold: ;
--font-weight-black: ;
/* LINKS */
--link-color: ;
--link-color-hover: ;
/* LAYOUT */
--container-width: ;
FAQs
Better typography, better websites.
The npm package datcss receives a total of 1 weekly downloads. As such, datcss popularity was classified as not popular.
We found that datcss demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.