<img src="https://sysacss.pages.dev/media/logo-inline-trans.png" alt="SysaCSS" width="70%">

# SysaCSS

![npm-v](https://img.shields.io/npm/v/sysacss)
![npm-l](https://img.shields.io/npm/l/sysacss)
![npm-d](https://img.shields.io/npm/dm/sysacss)
![jsDelivr hits (npm)](https://img.shields.io/jsdelivr/npm/hm/sysacss)

Free And Open Source Responsive Modern CSS Framework.

## CSS Only
SysaCSS is a lightweight, responsive and modern pure CSS framework. It was meant to be just plug-n-play.

## Installation

### NPM

```bash
npm install sysacss
```

### CDN

```html
<!-- Unpkg -->
<link rel="stylesheet" href="https://unpkg.com/sysacss" />
```

```html
<!-- jsDelivr -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/shoaiyb/sysacss/sysa.css" />
```


## Features

- Normalized by default.
- It's lightweight ~8KB (gzipped).
- No preprocessor, just plug-n-play.
- A responsive grid to make mobile-friendly sites.
- No conflicts with other used frameworks, all classes start with the `ss-` prefix.
- It's modular, import what you need.

## Browsers support

- Chrome
- Edge
- Firefox ESR+
- Internet Explorer 10+
- Opera
- Safari 8+


## Documentation
Browse the [online documentation](https://sysacss.pages.dev/).    


## Contribute
Feel free to fork, tweak and send me a pull request.
