Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/98mprice/PSone.css
https://github.com/98mprice/PSone.css
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/98mprice/PSone.css
- Owner: 98mprice
- License: mit
- Created: 2020-04-15T21:27:11.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2020-04-15T21:27:59.000Z (almost 5 years ago)
- Last Synced: 2023-11-07T16:35:55.823Z (over 1 year ago)
- Language: HTML
- Size: 304 KB
- Stars: 362
- Watchers: 4
- Forks: 24
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# PSone.css
Please feel free to submit a pull request, no matter how small. I love getting them.
At the moment there's just a CSS file that you can link to:
```html
```
I hope to add some JS eventually to help with progressbars etc.
## Reference
### Container
From FF7
```html
Default
Kick! Punch! It's all in the mind.
dark
You see, the island is the site of a secret nuclear
weapons disposal facility.
light
Crash, Crash? Are you there Crash? ... Are you there Crash?
```
### Button
From Tekken 3
```html
Normal
Primary
Success
Warning
Error
```
### Progress bar
From MGS1
```html
Default
primary
success
warning
error
indeterminate
```
### Radio Button
From the PS1 memory card screen
```html
Yes
```
### Input
From FF7
```html
Default
With placeholder
```
## Development
[](https://github.com/98mprice/PSone.css/issues)
Fork the project and enter this commands in your terminal
```sh
git clone https://github.com/YOUR_GITHUB_USERNAME/PSone.css.git
cd PSone.css
npm install
```
### Storybook
For visual testing, this project contains storybook which you can run by doing the next command
```sh
$ npm run storybook
```
### Demo
The demo page is located in `index.html`. If you want to change something there, you can use the next command
```sh
$ npm run dev
```