Theme/src/base.scss

52 lines
1.3 KiB
SCSS

$ns: "" !default;
/* latin */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Roboto"), local("Roboto-Regular"),
url(../Roboto-Regular.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
:root {
--primary: #1e88e5;
// 1e88e5 or 196eb9 => Needs further investigations
--on-primary: white;
--secondary: #d8701b;
--on-secondary: black;
--error: rgb(255, 0, 0);
--on-error: white;
--primary-transparent: #196eb917;
--success: #28a745;
--on-success: white;
}
$primary: var(--primary) !default;
$on-primary: var(--on-primary) !default;
$secondary: var(--secondary) !default;
$on-secondary: var(--on-secondary) !default;
$error: var(--error) !default;
$on-error: var(--on-error) !default;
$success: var(--success) !default;
$on-success: var(--on-success) !default;
@import "./base/_global.scss";
@import "./base/_btn.scss";
@import "./base/_modal.scss";
@import "./base/_input.scss";
@import "./base/_list.scss";
@import "./base/_header.scss";
@import "./base/_card.scss";
@import "./base/_table.scss";
@import "./base/_scroll";