Download the PHP package dezudas/gaida without Composer
On this page you can find all versions of the php package dezudas/gaida. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download dezudas/gaida
More information about dezudas/gaida
Files in dezudas/gaida
Package gaida
Short Description A minimalist CSS framework on SCSS version.
License MIT
Homepage https://milligram.github.io
Informations about the package gaida
Gaida CSS Framework
A minimalist, mobile-first CSS foundation — small by design, built to extend.
Gaida provides just enough structure to start a project: a modern 12-column flexbox grid, sensible typography, form and button resets, and a set of utility helpers — all in a single compiled CSS file. It is intentionally lean so you can layer your own design system on top.
Install
npm
yarn
CDN
Usage
Link the compiled CSS directly:
Or import the SCSS source into your own stylesheet and override variables before the import:
Build Output
SCSS Architecture
All variables in _Variables.scss and _Color.scss use !default, so you can override any value before importing.
Grid
Gaida uses a 12-column flexbox grid with five responsive breakpoints:
| Breakpoint | Class prefix | Width |
|---|---|---|
| Extra small | .col-xs-* |
≤ 480px |
| Small | .col-sm-* |
≤ 600px |
| Medium | .col-md-* |
≤ 840px |
| Large | .col-lg-* |
≤ 960px |
| Extra large | .col-xl-* |
≤ 1280px |
Use .col-gapless on .grid to remove gutters, .col-oneline to prevent wrapping.
Browser Support
| Browser | Minimum version |
|---|---|
| Chrome | 90+ |
| Firefox | 90+ |
| Edge | 90+ |
| Safari | 14+ |
| iOS | 14+ |
Internet Explorer is not supported.
Development
Requirements
- Node.js >= 18
Setup
Commands
| Command | Description |
|---|---|
npm start |
Build, watch for changes, and serve |
npm run build |
Full build (clean → sass → autoprefixer) |
npm run sass |
Compile SCSS to CSS |
npm run autoprefixer |
Run PostCSS autoprefixer on dist |
npm run watch |
Watch src/**/*.scss and rebuild |
npm run serve |
Start Browser-sync dev server |
npm run clean |
Delete the dist/ folder |
Toolchain
| Tool | Version | Purpose |
|---|---|---|
| Dart Sass | ^1.99 | SCSS compilation |
| PostCSS | ^8.5 | CSS transformation |
| autoprefixer | ^10.5 | Vendor prefix injection |
| browser-sync | ^3.0 | Live reload dev server |
| npm-run-all2 | ^8.0 | Parallel/sequential npm scripts |
| onchange | ^7.1 | File watcher |
| rimraf | ^6.1 | Cross-platform rm -rf |
Contributing
- Fork the repository
- Create a feature branch:
git checkout -b feature/my-change - Make your changes inside
src/ - Run
npm run buildto verify compilation - Submit a pull request
Please keep changes minimal and aligned with the framework's philosophy: small file size, sensible defaults, easy to override.
Report bugs or request features via GitHub Issues.
License
MIT © Dijup Tuladhar
Maintained under Semantic Versioning.