Skip to content

Latest commit

 

History

History
41 lines (29 loc) · 1.34 KB

README.md

File metadata and controls

41 lines (29 loc) · 1.34 KB

Netlify Status

Demo

To see what this simple PostCSS framework offers, please visit: https://simple-postcss-framework.hjemmesidekongen.dk/

What does this framework offer?

  • grid
  • buttons
  • typography (paragraph, link and headings)
  • layout (push footer down)
  • form elements
  • resets for common elements

Installation and usage

Installation

npm install simple-postcss-framework

yarn add simple-postcss-framework

Import into existing project

You can import this project with the following:

@import "../node_modules/simple-postcss-framework/styleguide/stylesheet.css"

This is depending on the path to your "node_modules" folder.

Override variables

Copy "variables.css"-file from "styleguide/variables.css" to your project and override the variables. You can also create an empty file and just override single variables like:

:root { --base__line-height: 1.5; }

Why did @hjemmesidekongen create this framework?

Basically almost all frameworks are bloated.

In the last 10 projects i've only used 20% of the entire CSS framework. But was forced to load the entire 100% of the framework. This lead to a +150kb. not-needed code-load on each pageload - that is silly.