Squid CSS Styleguide
npm install @squidit/css> 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
See an exemple of all components here
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
1. Install npm dependences
npm install
2. Run npm start to watch .scss and .js files
See Intructions here
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
`html``
...
src="https://cdn.jsdelivr.net/gh/squidit/css@latest/dist/css/squid.min.css"
rel="stylesheet"
/>
...
> Just draft a new release here on Github and an actions will starts
\\Important to use the same tag as package.json
See Docs here
> This framework uses Animate.css lib, see docs here
> This framework uses a Grid based on Boostrap 5 Grid System with modifications, see docs here
> This framework uses Icons from Font Awersome, see here
> This framework uses a adaptation of VanillaToast, see here
> This framework is based on Squid Styleguide