98.css
Advanced tools
Comparing version 0.1.0 to 0.1.1
{ | ||
"name": "98.css", | ||
"version": "0.1.0", | ||
"version": "0.1.1", | ||
"description": "A design system for building faithful recreations of old UIs", | ||
"main": "build/style.css", | ||
"main": "build/98.css", | ||
"directories": { | ||
@@ -7,0 +7,0 @@ "doc": "docs" |
@@ -7,7 +7,37 @@ ## 98.css | ||
### Installation | ||
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. Here is an example of [98.css being used with React](https://codesandbox.io/s/objective-chandrasekhar-t5t6h?file=/src/index.js). | ||
You can grab 98.css from npm. | ||
### Installation / Usage | ||
The easiest way to use 98.css is to import it from [unpkg](https://unpkg.com/). | ||
``` | ||
<!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> | ||
``` | ||
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). The fastest way to use 98.css is to import it from unpkg. | ||
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 | ||
@@ -14,0 +44,0 @@ ``` |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
143669
28
56
0