Expanding upon the ideals of picoCSS, with icons and helper variables
-
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 ielements - 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:
- elevation shadows from Material Design Language
@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!