mirror of
https://github.com/Steffo99/bluelib.git
synced 2024-12-22 11:34:21 +00:00
Stefano Pigozzi
d603f0ab1f
* Work on improving examples * Fix toggles * Create the `unpkgTargets` and `yarnTargets` variables * Allow interaction again * Add media screen to color rules * Configure default colors and fonts * Configure panel min-width in the example page * Remove the need for a examples index.css * Place selectorsets in the same chapter as rulesets * Rework images and build script * Tweak todo rendering * Do not bother styling range * Create layouts and fix bold code * Update text and readme
69 lines
2.8 KiB
CSS
69 lines
2.8 KiB
CSS
/*
|
|
* Bluelib Gestione Amber Colors
|
|
* by <lorenzo.balugani@gmail.com>
|
|
* ported to v5 by <me@steffo.eu>
|
|
*/
|
|
@media screen {
|
|
:where(.bluelib) {
|
|
--burl-background-full: url(../images/anastasiia-chepinska-lcfH0p6emhw-unsplash-edited/.jpg);
|
|
--burl-background-3840: url(../images/anastasiia-chepinska-lcfH0p6emhw-unsplash-edited/3840.jpg);
|
|
--burl-background-1920: url(../images/anastasiia-chepinska-lcfH0p6emhw-unsplash-edited/1920.jpg);
|
|
--burl-background-1366: url(../images/anastasiia-chepinska-lcfH0p6emhw-unsplash-edited/1366.jpg);
|
|
--burl-background-640: url(../images/anastasiia-chepinska-lcfH0p6emhw-unsplash-edited/640.jpg);
|
|
--burl-background-360: url(../images/anastasiia-chepinska-lcfH0p6emhw-unsplash-edited/360.jpg);
|
|
--bhsl-background-hue: 0deg;
|
|
--bhsl-background-saturation: 8%;
|
|
--bhsl-background-lightness: 14%;
|
|
--bhsl-foreground-hue: 19deg;
|
|
--bhsl-foreground-saturation: 91%;
|
|
--bhsl-foreground-lightness: 46%;
|
|
--bhsl-primary-hue: 0deg;
|
|
--bhsl-primary-saturation: 42%;
|
|
--bhsl-primary-lightness: 94%;
|
|
--bhsl-link-hue: 50deg;
|
|
--bhsl-link-saturation: 100%;
|
|
--bhsl-link-lightness: 80%;
|
|
--bhsl-mark-foreground-hue: 19deg;
|
|
--bhsl-mark-foreground-saturation: 64%;
|
|
--bhsl-mark-foreground-lightness: 14%;
|
|
--bhsl-mark-background-hue: 19deg;
|
|
--bhsl-mark-background-saturation: 100%;
|
|
--bhsl-mark-background-lightness: 81%;
|
|
--bhsl-todo-foreground-hue: 43deg;
|
|
--bhsl-todo-foreground-saturation: 100%;
|
|
--bhsl-todo-foreground-lightness: 65%;
|
|
--bhsl-todo-background-hue: 204deg;
|
|
--bhsl-todo-background-saturation: 11%;
|
|
--bhsl-todo-background-lightness: 18%;
|
|
--bhsl-sample-input-hue: 0deg;
|
|
--bhsl-sample-input-saturation: 100%;
|
|
--bhsl-sample-input-lightness: 0%;
|
|
--bhsl-sample-output-hue: 0deg;
|
|
--bhsl-sample-output-saturation: 100%;
|
|
--bhsl-sample-output-lightness: 100%;
|
|
--bhsl-red-hue: 0deg;
|
|
--bhsl-red-saturation: 100%;
|
|
--bhsl-red-lightness: 66%;
|
|
--bhsl-yellow-hue: 60deg;
|
|
--bhsl-yellow-saturation: 100%;
|
|
--bhsl-yellow-lightness: 66%;
|
|
--bhsl-green-hue: 120deg;
|
|
--bhsl-green-saturation: 100%;
|
|
--bhsl-green-lightness: 66%;
|
|
--bhsl-cyan-hue: 180deg;
|
|
--bhsl-cyan-saturation: 100%;
|
|
--bhsl-cyan-lightness: 66%;
|
|
--bhsl-blue-hue: 240deg;
|
|
--bhsl-blue-saturation: 100%;
|
|
--bhsl-blue-lightness: 66%;
|
|
--bhsl-magenta-hue: 300deg;
|
|
--bhsl-magenta-saturation: 100%;
|
|
--bhsl-magenta-lightness: 66%;
|
|
--bhsl-inserted-hue: var(--bhsl-green-hue);
|
|
--bhsl-inserted-saturation: var(--bhsl-green-saturation);
|
|
--bhsl-inserted-lightness: var(--bhsl-green-lightness);
|
|
--bhsl-deleted-hue: var(--bhsl-red-hue);
|
|
--bhsl-deleted-saturation: var(--bhsl-red-saturation);
|
|
--bhsl-deleted-lightness: var(--bhsl-red-lightness);
|
|
}
|
|
}
|