https://github.com/dgrammatiko/naf-css

Not Another [css] Framework
https://github.com/dgrammatiko/naf-css

css

Last synced: 12 days ago
JSON representation

Not Another [css] Framework

• Host: GitHub
• URL: https://github.com/dgrammatiko/naf-css
• Owner: dgrammatiko
• License: mit
• Created: 2018-11-02T13:16:11.000Z (about 6 years ago)
• Default Branch: main
• Last Pushed: 2024-10-11T20:31:15.000Z (28 days ago)
• Last Synced: 2024-10-12T11:25:24.557Z (27 days ago)
• Topics: css
• Language: HTML
• Homepage: https://dgrammatiko.github.io/naf-css/
• Size: 1.97 MB
• Stars: 8
• Watchers: 1
• Forks: 1
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# naf-css

## Not Another [css] Framework

[![Renovate enabled](https://img.shields.io/badge/renovate-enabled-brightgreen.svg)](https://renovatebot.com/)

[![This project is using Percy.io for visual regression testing.](https://percy.io/static/images/percy-badge.svg)](https://percy.io/naf-css/naf-css)

## What is this?

Obviously **not** another CSS framework. If you need a CSS framework you're in the wrong place, navigate away immediately!

This is a glorified normalise.css with some twists:

- It is based on PostCSS

- It is utilizing CSS Custom Properties

- It **doesn't** come with an opinionated/outdated grid system. Use CSS Grid Layouts!

- The code is split into critical and lazy parts. The critical parts should be inlined into your page's headers and the lazy parts should be, wait for it, lazy loaded (eg after DOMContentLoaded).

- The code is distributed in several files which represent the HTML elements or components. This, theoretically, should make it really easy to style everything without rewriting a framework...

- The build script is provided as a showcase. You **should** style the elements/components to your flavour and compile **only** the needed files.

- It is utilizing [sanitize.css](https://github.com/csstools/sanitize.css)

- Inspired by [hiq](https://jonathanharrell.github.io/hiq/) and all the great CSS Frameworks