feat(auth): implement login authorization
feat(font): implement satoshi font family
This commit is contained in:
162
src/index.css
162
src/index.css
@ -1 +1,161 @@
|
||||
@import "tailwindcss";
|
||||
@import "tailwindcss";
|
||||
|
||||
/* ================================
|
||||
Satoshi Font Family
|
||||
================================ */
|
||||
|
||||
@font-face {
|
||||
font-family: "Satoshi";
|
||||
src: url("./assets/fonts/Satoshi-Light.woff2") format("woff2");
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Satoshi";
|
||||
src: url("./assets/fonts/Satoshi-LightItalic.woff2") format("woff2");
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Satoshi";
|
||||
src: url("./assets/fonts/Satoshi-Regular.woff2") format("woff2");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Satoshi";
|
||||
src: url("./assets/fonts/Satoshi-Italic.woff2") format("woff2");
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Satoshi";
|
||||
src: url("./assets/fonts/Satoshi-Medium.woff2") format("woff2");
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Satoshi";
|
||||
src: url("./assets/fonts/Satoshi-MediumItalic.woff2") format("woff2");
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Satoshi";
|
||||
src: url("./assets/fonts/Satoshi-Bold.woff2") format("woff2");
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Satoshi";
|
||||
src: url("./assets/fonts/Satoshi-BoldItalic.woff2") format("woff2");
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Satoshi";
|
||||
src: url("./assets/fonts/Satoshi-Black.woff2") format("woff2");
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Satoshi";
|
||||
src: url("./assets/fonts/Satoshi-BlackItalic.woff2") format("woff2");
|
||||
font-weight: 900;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@theme {
|
||||
--font-satoshi: "Satoshi", system-ui, sans-serif;
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
/* Base family */
|
||||
.font-satoshi {
|
||||
font-family: var(--font-satoshi);
|
||||
}
|
||||
|
||||
/* Light */
|
||||
.font-satoshi-light {
|
||||
font-family: var(--font-satoshi);
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.font-satoshi-light-italic {
|
||||
font-family: var(--font-satoshi);
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Regular */
|
||||
.font-satoshi-regular {
|
||||
font-family: var(--font-satoshi);
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.font-satoshi-italic {
|
||||
font-family: var(--font-satoshi);
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Medium */
|
||||
.font-satoshi-medium {
|
||||
font-family: var(--font-satoshi);
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.font-satoshi-medium-italic {
|
||||
font-family: var(--font-satoshi);
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Bold */
|
||||
.font-satoshi-bold {
|
||||
font-family: var(--font-satoshi);
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.font-satoshi-bold-italic {
|
||||
font-family: var(--font-satoshi);
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Black */
|
||||
.font-satoshi-black {
|
||||
font-family: var(--font-satoshi);
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.font-satoshi-black-italic {
|
||||
font-family: var(--font-satoshi);
|
||||
font-weight: 900;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user