obskera/microcss

Expanding upon the ideals of https://picocss.com, with icons and helper variables

MicroCSS

Expanding upon the ideals of picoCSS, with icons and helper variables

Adds:

• open-props for quick variables

• open-color for nice colors and custom themes

• micro: my own personal overrides to pico and open-props, with sane defaults and batteries included

  • elevation shadows from Material Design Language
    • inset shadows
    • outset shadows
    • proper css transitions between inset and outset
  • nerdfont icons with easy classes within .icon i elements - search the cheatsheet! (icons here)
  • simple-to-use breakpoints mixin by @kittyGiraudel (SCSS only). see usage here

    • 💡 css-only custom media queries are on their way!

  • inverse text color finder, from Bulma.io (SCSS only). (source)

  Just include the main file as well as nerdfonts into your project with:

@import 'https://octoshrimpy.github.io/microcss/micro.css';
@import "https://octoshrimpy.github.io/microcss/nf.css";

It will import pico, open-props, and everything else you need!