@symbion/opalui
Version:
A minimalistic CSS framework
50 lines (40 loc) • 1.06 kB
CSS
@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 ;
--op-button: 0.8 ;
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
*/