98.css

repository·main·Indexed 11 days ago

A pure CSS design system version 0.1.21 for building faithful recreations of Windows 98-style user interfaces using semantic HTML. It contains no JavaScript and is compatible with any frontend framework.

Tokens: 454
Snippets: 3
Records: 4
Agent score: 45%

What's inside 98.css

Install 98.css via unpkg
main
The fastest way to use 98.css is to include it directly in your HTML <head> using a <link> tag pointing to unpkg.
```
<link rel="stylesheet" href="https://unpkg.com/98.css" />
```
https://github.com/jdan/98.css/blob/main/README.md
Install 98.css via npm
main
You can install 98.css as a dependency in your project using npm.
```
npm install 98.css
```
https://github.com/jdan/98.css/blob/main/README.md
Develop and build 98.css
main
If you are contributing to or developing 98.css, use the following commands:
- npm install: Install development dependencies.
- npm start: Start a development environment with file watching and automatic browser reloading.
- npm run build: Manually build the CSS and write the output to the dist/ directory.
All styles are defined in style.css.
https://github.com/jdan/98.css/blob/main/README.md

Use 98.css with semantic HTML

main

98.css applies styles to semantic HTML elements. To create a classic Windows 98 window, use a container with the class window, a title-bar containing a title-bar-text element, and a window-body for the content.

<!DOCTYPE html>
<html lang="en">
<head>
  <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>