42 lines
1.1 KiB
CSS
42 lines
1.1 KiB
CSS
/* ===========================
|
|
FONT IMPORT (Dùng chung)
|
|
=========================== */
|
|
@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@100;200;300;400;500;600;700;800;900;1000&display=swap";
|
|
@import "https://fonts.googleapis.com/css2?family=Wix+Madefor+Text:wght@400;500;600;700;800;1000&display=swap";
|
|
@import "https://fonts.googleapis.com/css2?family=Inclusive+Sans:wght@400;500;600;700;800;900;1000&display=swap";
|
|
@import "https://fonts.googleapis.com/css2?family=AR+One+Sans:wght@400;500;600;700;800;1000&display=swap";
|
|
|
|
@layer properties {
|
|
:root {
|
|
--font-sans: "Inclusive Sans", sans-serif;
|
|
--text-base: 16px;
|
|
--color-hura: #0041e8;
|
|
--color-header: #002bb5;
|
|
--text-base--line-height: 1.5;
|
|
}
|
|
}
|
|
|
|
@layer base {
|
|
html,
|
|
body {
|
|
font-family: var(--font-sans);
|
|
font-size: var(--text-base);
|
|
line-height: var(--text-base--line-height);
|
|
}
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.btn-active {
|
|
--btn-bg: var(--color-hura);
|
|
--btn-fg: #ffffff;
|
|
--btn-border: var(--color-hura);
|
|
}
|
|
.btn-active:hover {
|
|
--btn-bg: #002bb5;
|
|
--btn-border: #002bb5;
|
|
}
|
|
}
|