Squid LogoCSS - Components Squid Style
Getting StartedInstallAngular InstallReact.js InstallVue.js Install
Content
Layout
Forms
Components
Utilities
Styleguide

Getting Started

Install

You can easily install with npm

or download here

or or use CDN https://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>
<head>
...
<link rel="stylesheet" href="path-to-files/dist/css/squid.min.css" />
</head>
<body>
...
<script defer src="path-to-files/dist/js/squid.min.js"></script>
</body>
</html>

Angular Install

Use NGX-CSS

React.js Install

After install, import CSS into your global style:

// Overwrite default font path
$fontsFolderPath: "@squidit/css/dist/fonts";
// Import all Framework Styles
@import "@squidit/css/src/scss/squid.scss";

And in your index.{jsx,tsx} on root just add:

if (typeof window !== "undefined") {
require("@squidit/css/dist/js/squid.min.js");
}

Obs: Probably components that need javascript will not work as they are loaded in onload event. They need some implementation within React. A library for React will be developed soon.

Vue.js Install

Soon