No description
Find a file
Screwtapello 967c6d1e1a Add fallbacks if the custom font doesn't load.
If the custom font doesn't load for some reason, the browser will fall back to some random font, possibly a serif font that looks Very Wrong. "system-ui" should choose the system font for the current platform, whatever it is, which is at least *a* system font even if it's not the right one for CS 1.6. For older browsers that don't support "system-ui", fall back to "sans-serif", which should look at least vaguely right.
2025-01-27 18:03:40 +11:00
css Add fallbacks if the custom font doesn't load. 2025-01-27 18:03:40 +11:00
public added favicon and og image 2025-01-24 14:11:23 +01:00
src Add fallbacks if the custom font doesn't load. 2025-01-27 18:03:40 +11:00
svg added social icon svgs 2025-01-24 12:49:44 +01:00
.gitignore initial commit 2025-01-22 21:17:11 +01:00
ArialPixel.ttf initial commit 2025-01-22 21:17:11 +01:00
index.html updated link 2025-01-24 14:50:29 +01:00
LICENSE added license 2025-01-24 12:52:20 +01:00
package.json removed map from minified version 2025-01-24 15:45:02 +01:00
pnpm-lock.yaml removed clean-css and added cssnano for minifying 2025-01-24 14:49:43 +01:00
README.md Update README.md 2025-01-25 17:33:06 +01:00

cs16.css

Introduction

cs16.css is a css library based on Counter Strike 1.6 UI.

Installation

You can install cs16.css simply by pasting this to your html head tag:

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/ekmas/cs16.css@main/css/cs16.min.css">

or you can download css file and font from this repo. Inside css folder are prefixed and minified versions of cs16.css you can use.

Contributing

Thank you for wanting to contribute to this project. Here you can learn how to do it.

Project structure

ArialPixel.ttf
index.html
package.json
└── src
    ├── cs16.css
    ├── index.css
    ├── main.js
└── css
    ├── cs16.css
    ├── cs16.min.css
  • ArialPixel.ttf - Main font.
  • package.json - Here you can find all installed packages as well as scripts for creating prefixed and minified versions of cs16.css.
  • index.html, index.css, main.js - Files for documentation page.
  • src/cs16.css - Main cs16.css file. Edit this file if you want to change styling.
  • css/cs16.css, css/cs16.min.css - Do not touch these files. These files are generated by build:css script from package.json.

Development

Fork this repo

You can fork this repo by clicking the fork button in the top right corner of the repo page.

Clone on your machine

git clone https://github.com/your-username/cs16.css.git

Create a new branch

git checkout -b my-new-branch

Install dependencies

pnpm install

Build css/cs16.css and css/cs16.min.css

pnpm run build:css

License

MIT