https://github.com/sneikki/tidgrid

Tiny and expressive CSS library for responsive web development
https://github.com/sneikki/tidgrid

css css-framework flexbox functional-css grid responsive scss

Last synced: 3 months ago
JSON representation

Tiny and expressive CSS library for responsive web development

• Host: GitHub
• URL: https://github.com/sneikki/tidgrid
• Owner: sneikki
• License: mit
• Created: 2020-09-23T17:52:02.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-07-11T14:36:24.000Z (6 months ago)
• Last Synced: 2024-09-18T16:28:39.984Z (4 months ago)
• Topics: css, css-framework, flexbox, functional-css, grid, responsive, scss
• Language: SCSS
• Homepage: https://tidgrid.dev
• Size: 652 KB
• Stars: 3
• Watchers: 2
• Forks: 2
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        


    

        

    





    tidgrid.dev



# Tidgrid

Tiny and expressive CSS library built around Flexbox to simplify your layouts.

> :warning: **This project is still in a very early stage of development.**

> There certainly are bugs, and some of the features may not function correctly under all circumstances.

> Should you use this library in your project, do it at your discretion.

> If you find a bug or have a suggestion, don't hesitate to collaborate!

# Quick usage

## Inline stylesheet

The easiest way to get going is to add a link to your document to a [hosted version](https://cdn.jsdelivr.net/gh/sneikki/[email protected]/build/tidgrid.css) of Tidgrid. This approach is intended merely for development purposes, as it includes all of the generated CSS on your site. You'll usually use just a tiny subset of Tidgrid. Thus, it is wise to purge unused styles to reduce the amount of CSS deployed to production.

## Building

Run 'npm install' to install dependencies. Then, to build Tidgrid from the source, run 'npm run build' or'make build'. The build will be minimized, and the source map will be automatically generated. Please see the following section for more options.

The CSS files that have been built will be put in the `build` directory.

Run `npm run clean` to delete all created build files and folders.

Please keep in mind that the files in the build directory are only changed between releases.

To obtain the unstable version, you must compile it from source.

## Compiling

To create the CSS files, use `npm run compile`.

Please keep in mind that the generated files are offered as-is, with no minimizing and no comments.

Run `npm run compile:minimized` to remove comments and reduce the size of the output.

## Checking code style

This project has a linter configured.

Run `npm run lint:scss` to utilize it.

Run `npm run fix:scss` to resolve auto-fixable style problems.