@symbion/opalui/themes/glass.css

A minimalistic CSS framework

@import url('https://fonts.googleapis.com/css2?family=Oswald&family=Roboto:wght@400;700&display=block');

body.theme-glass {
	--border-w-lg: calc(2rem / 16);
	--border-radius-lg: 0.5rem;
	--border-w-sm: calc(1rem / 16);
	--border-radius-sm: 1.25rem;
	--blur-radius: 1rem;
	--p-nav: 0.5rem 0.5rem;
	--p-nav-item-y: 0.5rem;
	--p-nav-item-x: 0.5rem;
	--p-panel: 1rem;
	--sh-focus: 0.25rem;
	--m-container: 0.5rem;
	--m-button-y: 0.5rem;
	--m-button-r: 0.5rem;
	--p-fieldset: 0.5rem 1rem;
	--g-grid: 1rem;

	--op-panel: 0.8 !important;
	--op-button: 0.8 !important;

	font-family: 'Roboto', sans-serif;
	color: var(--col-on);
	transition: background 0.3s, color 0.2s;
}

body.theme-glass.light {
	--color-primary: lch(68 50 250);
	--color-frost: lch(100 0 0 / 0.25);
	--color-focus: lch(100 0 0);

	background: url(bg.jpg);
}

body.theme-glass.dark {
	--color-primary: lch(68 50 250);
	--color-frost: lch(100 0 0 / 0.25);
	--color-focus: lch(100 0 0);

	background: url(bg-dark.jpg);
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
}

/* vim: ts=4
 */