CSS - Components Squid Style

About

> Squid CSS Framework

- About
- Table of contents
- Exemple
- Usage
- Install
- Angular Install
- React.js Install
- Vue.js Install
- Development
- Write Documentation
- Production
- Deploy on jsdelivr
- Documentation
- External Libraries and Inspiration
- Animate.css
- Grid System
- Icons
- Toast
- Based Styleguide

Exemple

See an exemple of all components here

Usage

$3

You can easily install with npm

or download here

or use CDNhttps://www.jsdelivr.com/package/gh/squidit/css\*

or use https://css-cdn.squidit.com.br\*

-> Use the path from references above on CDN's to find the files. Exemple: https://css-cdn.squidit.com.br/dist/css/squid.min.css

npm install @squidit/css --save

Just reference CSS /dist/css/squid.min.css and Javascript /dist/js/squid.min.js on your page or your framework.
If necessary remember to declare the fonts contained in the /dist/fonts folder or change paths on squid.min.css or squid.css

``html ... ...`

#### Angular Install

Use NGX-CSS

#### React Install

Use React-CSS

#### Vue.js Install

Soon

`Development`

1. Install npm dependences

npm install

2. Run npm start to watch .scss and .js files

`$3`

See Intructions here

`$3`

The official CDN for Squid CSS is jsdelivr, which is even where the framework documentation consumes assets.

On GitHub Releases create a new release, with a new tag version\\ and using master branch

`$3`

`html ... src="https://cdn.jsdelivr.net/gh/squidit/css@latest/dist/css/squid.min.css" rel="stylesheet" /> ...``

$3

> Just draft a new release here on Github and an actions will starts

\\Important to use the same tag as package.json

Documentation

See Docs here

External Libraries and Inspiration

$3

> This framework uses Animate.css lib, see docs here

$3

> This framework uses a Grid based on Boostrap 5 Grid System with modifications, see docs here

$3

> This framework uses Icons from Font Awersome, see here

$3

> This framework uses a adaptation of VanillaToast, see here

$3

> This framework is based on Squid Styleguide

CSS - Components Squid Style

About

> Squid CSS Framework

Exemple

See an exemple of all components here

Usage

$3

You can easily install with npm

or download here

or use CDNhttps://www.jsdelivr.com/package/gh/squidit/css\*

or use https://css-cdn.squidit.com.br\*

-> Use the path from references above on CDN's to find the files. Exemple: https://css-cdn.squidit.com.br/dist/css/squid.min.css

npm install @squidit/css --save

``html ... ...`

#### Angular Install

Use NGX-CSS

#### React Install

Use React-CSS

#### Vue.js Install

Soon

`Development`

1. Install npm dependences

npm install

2. Run npm start to watch .scss and .js files

`$3`

See Intructions here

`$3`

The official CDN for Squid CSS is jsdelivr, which is even where the framework documentation consumes assets.

On GitHub Releases create a new release, with a new tag version\\ and using master branch

`$3`

`html ... src="https://cdn.jsdelivr.net/gh/squidit/css@latest/dist/css/squid.min.css" rel="stylesheet" /> ...``

$3

> Just draft a new release here on Github and an actions will starts

\\Important to use the same tag as package.json

Documentation

See Docs here

External Libraries and Inspiration

$3

> This framework uses Animate.css lib, see docs here

$3

> This framework uses a Grid based on Boostrap 5 Grid System with modifications, see docs here

$3

> This framework uses Icons from Font Awersome, see here

$3

> This framework uses a adaptation of VanillaToast, see here

$3

> This framework is based on Squid Styleguide