An open API service indexing awesome lists of open source software.

https://github.com/totaljs/widgets

Widgets for Total.js CMS + Total.js Eshop
https://github.com/totaljs/widgets

Last synced: 12 months ago
JSON representation

Widgets for Total.js CMS + Total.js Eshop

Awesome Lists containing this project

README

          

# CMS Widgets

- [Documentation](https://docs.totaljs.com/cms/)

## Last counter

- layout `wl103`
- columns/content `wc201`
- inline `wi146`

## Good to know

- `wb`, `wm` and `wp` class contains each `columns` and `content` widget
- `wbi`, `wmi` and `wpi` class contains each `inline` widget

__Default global styles__:

```css
/* content/layout widget body */
.wb {}

/* content/layout widget padding (left + right) */
.wp { padding-left: 20px; padding-right: 20px; }

/* content/layout widget margin (bottom) */
.wm { margin-bottom: 20px; }

/* inline widget body */
.wbi {}

/* inline widget padding (left + right) */
.wpi { padding-left: 0; padding-right: 0; }

/* inline widget margin (bottom) */
.wmi { margin-bottom: 15px; }
```

__Colors palette__:

```css
.WIDGET-smoke { background-color: #D0D0D0; color: black !important; }
.WIDGET-yellow { background-color: #F5DB6E; color: black !important; }
.WIDGET-orange { background-color: #FFA911; }
.WIDGET-green { background-color: #83C83C; }
.WIDGET-blue { background-color: #4285F4; }
.WIDGET-red { background-color: #E73323; }
.WIDGET-pink { background-color: #E7357F; }
.WIDGET-mint { background-color: #2AB08F; }
.WIDGET-purple { background-color: #6118A3; }
.WIDGET-white { background-color: white; color: black !important; }
.WIDGET-black { background-color: #202020; }
```

## Contributors

| Contributor | Type | E-mail |
|-------------|------|--------|
| [Peter Širka](https://github.com/petersirka) | author + support | |

## Contact

Do you have any questions? Contact us