## Promo Pretty

**Promo Pretty** is a lightweight, responsive, extensible CSS framework for Gamesys Marketing Design.

- Super lightweight starting point for your projects
- Flexbox-based, responsive and mobile-friendly layout
- Extensible designed and developed elements, partials, components and modifier

Read online documents and see demos in here [http://marketing.gamesys.corp/pretty](http://marketing.gamesys.corp/pretty)

## Screenshots
![Documents](https://github.gamesys.co.uk/gamesys-design/promo-pretty/blob/master/screenshot/screenshot.png?raw=true)


## Docs Development
Go to `/docs/Markdowns` to edit exist markdown file to add more infomation to the documents or create new one, you ca

For example, you created a new markdown file call `Development.md`,
after you created your new markdown file, import the new file into `/docs/Markdowns/index.js`


```javascript
// Documents & Components browsers development
import GetStart from  './GetStart.md';
import Introduction from  './Introduction.md';

// Import Development.md file
import Development from  './Development.md';

// Export Development variable
export {
    Introduction,
    GetStart,
    Development
};

```

And then you can build it by runing:

```bash
# Documents & Components browsers development
yarn dev

# or

npm run dev 
```


### [Introduction](https://github.gamesys.co.uk/gamesys-design/promo-pretty/blob/master/docs/src/Markdowns/Introduction.md)
### [Get Start](https://github.gamesys.co.uk/gamesys-design/promo-pretty/blob/master/docs/src/Markdowns/GetStart.md)
### [Elements](https://github.gamesys.co.uk/gamesys-design/promo-pretty/blob/master/docs/src/Markdowns/Elements.md)
### [Components](https://github.gamesys.co.uk/gamesys-design/promo-pretty/blob/master/docs/src/Markdowns/Components.md)