bluelib/dist/classic.module.css

/*
 * Bluelib Classic
 * by <me@steffo.eu>
 */
:where(.bluelib) {
  --b-border-radius: 8px;
  --b-outer-shadow: 2px 2px 4px hsl(var(--bhsl-background-hue) var(--bhsl-background-saturation) var(--bhsl-background-lightness));
}
:where(.bluelib),
:where(.bluelib) :where(*) {
  border-color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.15);
}
:where(.bluelib) :where(h1, h2, h3, h4, h5, h6) {
  text-shadow: var(--b-outer-shadow);
}
:where(.bluelib) :where(.panel) :where(h1, h2, h3, h4, h5, h6) {
  text-shadow: none;
}
:where(.bluelib) :where(.panel),
:where(.bluelib) :where(.table):where(.panel) > :where(.table-caption) {
  border-radius: var(--b-border-radius);
  box-shadow: var(--b-outer-shadow);
}
:where(.bluelib) :where(.panel) :where(.panel),
:where(.bluelib) :where(.table):where(.panel) > :where(.table-caption) :where(.panel) {
  background-color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.075);
  backdrop-filter: none;
  box-shadow: none;
}
:where(.bluelib) :where(.modifier-mark),
:where(.bluelib) :where(.panel):where(.modifier-mark) {
  background-color: hsl(var(--bhsl-mark-background-hue) var(--bhsl-mark-background-saturation) var(--bhsl-mark-background-lightness));
}
:where(.bluelib) :where(.modifier-mark) :where(.modifier-mark),
:where(.bluelib) :where(.panel):where(.modifier-mark) :where(.modifier-mark),
:where(.bluelib) :where(.modifier-mark) :where(.panel):where(.modifier-mark),
:where(.bluelib) :where(.panel):where(.modifier-mark) :where(.panel):where(.modifier-mark) {
  background-color: hsl(var(--bhsl-background-hue) var(--bhsl-background-saturation) var(--bhsl-background-lightness));
}
:where(.bluelib) :where(.modifier-mark) :where(.modifier-mark) :where(.modifier-mark),
:where(.bluelib) :where(.panel):where(.modifier-mark) :where(.modifier-mark) :where(.modifier-mark),
:where(.bluelib) :where(.modifier-mark) :where(.panel):where(.modifier-mark) :where(.modifier-mark),
:where(.bluelib) :where(.panel):where(.modifier-mark) :where(.panel):where(.modifier-mark) :where(.modifier-mark),
:where(.bluelib) :where(.modifier-mark) :where(.modifier-mark) :where(.panel):where(.modifier-mark),
:where(.bluelib) :where(.panel):where(.modifier-mark) :where(.modifier-mark) :where(.panel):where(.modifier-mark),
:where(.bluelib) :where(.modifier-mark) :where(.panel):where(.modifier-mark) :where(.panel):where(.modifier-mark),
:where(.bluelib) :where(.panel):where(.modifier-mark) :where(.panel):where(.modifier-mark) :where(.panel):where(.modifier-mark) {
  background-color: hsl(var(--bhsl-mark-background-hue) var(--bhsl-mark-background-saturation) var(--bhsl-mark-background-lightness));
}
:where(.bluelib) :where(.modifier-todo),
:where(.bluelib) :where(.panel):where(.modifier-todo) {
  background-color: hsl(var(--bhsl-todo-background-hue) var(--bhsl-todo-background-saturation) var(--bhsl-todo-background-lightness));
  border-color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness));
}
:where(.bluelib) :where(.modifier-todo) :where(.panel),
:where(.bluelib) :where(.panel):where(.modifier-todo) :where(.panel) {
  background-color: hsl(var(--bhsl-todo-background-hue) var(--bhsl-todo-background-saturation) var(--bhsl-todo-background-lightness));
  border-color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness));
}
:where(.bluelib) :where(.table):where(.panel) {
  border-radius: 0;
}
:where(.bluelib) :where(.table):where(.panel) > :where(.table-caption) {
  border-radius: 0;
  box-shadow: var(--b-outer-shadow);
}
:where(.bluelib) :where(.table):where(.panel-dialog) > :where(.table-caption) {
  border-bottom-width: 2px;
}
:where(.bluelib) :where(.input) {
  background-color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.025);
}
:where(.bluelib) :where(.input):hover {
  background-color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.05);
}
:where(.bluelib) :where(.input):active {
  background-color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.075);
}
:where(.bluelib) :where(.input-field),
:where(.bluelib) :where(.input-select) {
  border-radius: var(--b-border-radius) var(--b-border-radius) 0 0;
}
:where(.bluelib) :where(.input-area),
:where(.bluelib) :where(.input-multiselect) {
  border-radius: 0 var(--b-border-radius) var(--b-border-radius) 0;
}
:where(.bluelib) :where(.input-button) {
  border-radius: var(--b-border-radius);
}
:where(.bluelib) :where(.list-unordered) > *::marker,
:where(.bluelib) :where(.list-ordered) > *::marker {
  color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.5);
}
:where(.bluelib) :where(.glossary-summary) {
  color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.7);
}
:where(.bluelib) :where(.glossary-summary)::marker {
  color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.5);
}
:where(.bluelib) :where(.glossary-summary):hover {
  color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness));
}
:where(.bluelib) :where(.glossary-summary):hover::marker {
  color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.7);
}
:where(.bluelib) :where(.glossary-summary):active::marker {
  color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness));
}
:where(.bluelib) :where(.text-anchor):hover {
  color: hsl(calc(var(--bhsl-link-hue) + 0deg) calc(var(--bhsl-link-saturation) + 0%) calc(var(--bhsl-link-lightness) + 20%) / 1);
}
:where(.bluelib) :where(.text-anchor):active {
  color: hsl(calc(var(--bhsl-link-hue) + 0deg) calc(var(--bhsl-link-saturation) + 0%) calc(var(--bhsl-link-lightness) + 40%) / 1);
}
:where(.bluelib) :where(.text-input),
:where(.bluelib) :where(.text-output) {
  border-radius: calc(var(--b-border-radius) / 4);
}
:where(.bluelib) :where(.text-variable) {
  color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.7);
}
:where(.bluelib) :where(.text-quote)::before,
:where(.bluelib) :where(.text-quote)::after {
  color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.7);
}
:where(.bluelib) :where(.text-ruby-annotation) {
  color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.7);
}