microcss

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
colar as a better balanced alternative to open-color
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 into your project with:

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

/* or */

@import 'https://cdn.jsdelivr.net/gh/octoshrimpy/microcss@main/micro.css';

or include it in the <head> of your main .html file

<link rel="stylesheet" href="https://octoshrimpy.github.io/microcss/micro.css">

<!-- or -->

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/octoshrimpy/microcss@main/micro.css">

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