https://github.com/chunrapeepat/acacia
📺 An Easy-to-use CSS UI KIT inspired by Microsoft Window 95
https://github.com/chunrapeepat/acacia
acacia css-framework css-ui gulpfile sass scss ui-components uikit
Last synced: 11 months ago
JSON representation
📺 An Easy-to-use CSS UI KIT inspired by Microsoft Window 95
- Host: GitHub
- URL: https://github.com/chunrapeepat/acacia
- Owner: chunrapeepat
- License: mit
- Created: 2018-02-01T01:54:26.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-02-02T08:01:02.000Z (over 8 years ago)
- Last Synced: 2025-04-12T14:22:41.402Z (about 1 year ago)
- Topics: acacia, css-framework, css-ui, gulpfile, sass, scss, ui-components, uikit
- Language: CSS
- Homepage:
- Size: 277 KB
- Stars: 8
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
An Easy-to-use CSS UI KIT inspired by 📺 Microsoft Window 95
## Feature Request & Issue
Checkout this link https://github.com/chunza2542/acacia/issues,
## Installation
Download `dist` folder to your project directory, then put this code inside you `head` tag.
```html
```
### Example
This code showing an example of Copying Files panel
```html
Copying Files...
Source:
L:\COMMON\CLIENT32\WIN95\MAIN
Destination:
C:\WINDOW
Cancel
```
## Documentation
### Button
- __aca-button__ - MS WIN95 Button class
- __suggesstion__ - Suggestion Button
- __aca-button-link__ - Button for Link Button or `link` tag
```html
OK...
Cancel...
Browse...
Open in browser
```
### Input
- __aca-text-field__ - MS WIN95 Text Field class
- __aca-select__ - MS WIN95 Select Input class
- __aca-checkbox__ - MS WIN95 Checkbox Input class (Experiment)
- __aca-radio__ - MS WIN95 Radio Input class (Experiment)
```html
Bangkok
This is a very long text
```
### Progress Bar
- __aca-progress__ - MS WIN95 Progress Bar
- __aca-progress-bar__ - Progress Bar use inside class `aca-progress`
```html
```
### Panel
- __aca-panel__ - MS WIN95 Panel Container
- __header__ - Header Tab use inside class `aca-panel`
- __body__ - Header Tab use inside class `aca-panel`
- __footer__ - Footer Tab use inside class `body`
```html
Heading
Something...
```
## Contribution Guide
1. Fork & clone this repository to your local directory
```bash
git clone https://github.com/chunza2542/acacia.git
```
2. Run project in development environment
```bash
yarn dev # this will run gulp development task
```
3. After finish updating, Send pull request to this repo.
4. That's it!
Made with 💖 by Chun Rapeepat @chunza2542, Codebase from https://github.com/BioMaRu/biomatic, Thank.