You've already forked 98.css
mirror of
https://github.com/jdan/98.css.git
synced 2026-05-05 06:01:22 +09:00
62 lines
2.6 KiB
Markdown
62 lines
2.6 KiB
Markdown
## 98.css
|
|
|
|
A design system for building faithful recreations of old UIs.
|
|
|
|
|
|
|
|
98.css is a CSS file that takes semantic HTML and makes it look pretty. It does not ship with any JavaScript, so it is compatible with your frontend framework of choice.
|
|
|
|
### Installation / Usage
|
|
|
|
The easiest way to use 98.css is to import it from [unpkg](https://unpkg.com/).
|
|
|
|
```html
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>98.css example</title>
|
|
<meta charset="UTF-8" />
|
|
<link rel="stylesheet" href="https://unpkg.com/98.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="window" style="margin: 32px; width: 250px">
|
|
<div class="title-bar">
|
|
<div class="title-bar-text">
|
|
My First VB4 Program
|
|
</div>
|
|
</div>
|
|
<div class="window-body">
|
|
<p>Hello, world!</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
```
|
|
|
|
Alternatively, you can grab 98.css for [the releases page](https://github.com/jdan/98.css/releases) or [npm](https://www.npmjs.com/package/98.css).
|
|
|
|
```
|
|
npm install 98.css
|
|
```
|
|
|
|
Here is an example of [98.css being used with React](https://codesandbox.io/s/objective-chandrasekhar-t5t6h?file=/src/index.js), and [an example with vanilla JavaScript](https://codesandbox.io/s/late-sound-miqho?file=/index.html).
|
|
|
|
Refer to the [documentation page](https://jdan.github.io/98.css/) for specific instructions on this library's components.
|
|
|
|
### Developing
|
|
|
|
[`style.css`](https://github.com/jdan/98.css/blob/master/style.css) is where everything happens.
|
|
|
|
`npm run build:docs` will compile `style.css` (and all fonts/icons/etc) and rebuild the `dist/` directory which powers http://jdan.github.io/98.css. It's a static directory so serve it with your server of choice (I am partial to `python -m SimpleHTTPServer 3000`) to see your changes.
|
|
|
|
### Issues, Contributing, etc.
|
|
|
|
Refer to [the GitHub issues page](https://github.com/jdan/98.css/issues) to see bugs in my CSS or report new ones. I'd really like to see your pull requests (especially those new to open-source!) and will happily provide code review. 98.css is a fun, silly project and I'd like to make it a fun place to build your open-source muscle.
|
|
|
|
Thank you for checking my little project out, I hope it brought you some joy today. Consider [starring/following along on GitHub](https://github.com/jdan/98.css/stargazers) and maybe subscribing to more fun things on [my twitter](https://twitter.com/jdan). 👋
|
|
|
|
### License
|
|
|
|
[MIT](https://github.com/jdan/98.css/blob/master/LICENSE)
|