mirror of
https://github.com/CommunityOx/ox_lib.git
synced 2026-08-17 06:56:03 +01:00
c45a9a1698
* fix(web): Remove unused fonts and switch to Inter. Fixes #721. * chore(web): Switch to self-hosted Roboto font * chore(web): Add font style variants * chore(web): Add Roboto Mono font * chore(web): Formatting
346 lines
7.2 KiB
CSS
346 lines
7.2 KiB
CSS
/* Thin 100 */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-Thin.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: normal;
|
|
font-weight: 100;
|
|
font-stretch: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-ThinItalic.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: italic;
|
|
font-weight: 100;
|
|
font-stretch: normal;
|
|
}
|
|
|
|
/* ExtraLight 200 */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-ExtraLight.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: normal;
|
|
font-weight: 200;
|
|
font-stretch: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-ExtraLightItalic.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: italic;
|
|
font-weight: 200;
|
|
font-stretch: normal;
|
|
}
|
|
|
|
/* Light 300 */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-Light.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
font-stretch: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-LightItalic.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: italic;
|
|
font-weight: 300;
|
|
font-stretch: normal;
|
|
}
|
|
|
|
/* Regular 400 */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-Regular.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-stretch: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-Italic.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
font-stretch: normal;
|
|
}
|
|
|
|
/* Medium 500 */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-Medium.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-stretch: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-MediumItalic.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: italic;
|
|
font-weight: 500;
|
|
font-stretch: normal;
|
|
}
|
|
|
|
/* SemiBold 600 */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-SemiBold.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-stretch: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-SemiBoldItalic.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: italic;
|
|
font-weight: 600;
|
|
font-stretch: normal;
|
|
}
|
|
|
|
/* Bold 700 */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-Bold.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-stretch: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-BoldItalic.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: italic;
|
|
font-weight: 700;
|
|
font-stretch: normal;
|
|
}
|
|
|
|
/* ExtraBold 800 */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-ExtraBold.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
font-stretch: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-ExtraBoldItalic.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: italic;
|
|
font-weight: 800;
|
|
font-stretch: normal;
|
|
}
|
|
|
|
/* Black 900 */
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-Black.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: normal;
|
|
font-weight: 900;
|
|
font-stretch: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto';
|
|
src: url('/fonts/Roboto-BlackItalic.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: italic;
|
|
font-weight: 900;
|
|
font-stretch: normal;
|
|
}
|
|
|
|
/* Roboto Mono */
|
|
/* Thin 100 */
|
|
@font-face {
|
|
font-family: 'Roboto Mono';
|
|
src: url('/fonts/RobotoMono-Thin.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: normal;
|
|
font-weight: 100;
|
|
font-stretch: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto Mono';
|
|
src: url('/fonts/RobotoMono-ThinItalic.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: italic;
|
|
font-weight: 100;
|
|
font-stretch: normal;
|
|
}
|
|
|
|
/* ExtraLight 200 */
|
|
@font-face {
|
|
font-family: 'Roboto Mono';
|
|
src: url('/fonts/RobotoMono-ExtraLight.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: normal;
|
|
font-weight: 200;
|
|
font-stretch: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto Mono';
|
|
src: url('/fonts/RobotoMono-ExtraLightItalic.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: italic;
|
|
font-weight: 200;
|
|
font-stretch: normal;
|
|
}
|
|
|
|
/* Light 300 */
|
|
@font-face {
|
|
font-family: 'Roboto Mono';
|
|
src: url('/fonts/RobotoMono-Light.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
font-stretch: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto Mono';
|
|
src: url('/fonts/RobotoMono-LightItalic.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: italic;
|
|
font-weight: 300;
|
|
font-stretch: normal;
|
|
}
|
|
|
|
/* Regular 400 */
|
|
@font-face {
|
|
font-family: 'Roboto Mono';
|
|
src: url('/fonts/RobotoMono-Regular.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-stretch: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto Mono';
|
|
src: url('/fonts/RobotoMono-Italic.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
font-stretch: normal;
|
|
}
|
|
|
|
/* Medium 500 */
|
|
@font-face {
|
|
font-family: 'Roboto Mono';
|
|
src: url('/fonts/RobotoMono-Medium.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-stretch: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto Mono';
|
|
src: url('/fonts/RobotoMono-MediumItalic.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: italic;
|
|
font-weight: 500;
|
|
font-stretch: normal;
|
|
}
|
|
|
|
/* SemiBold 600 */
|
|
@font-face {
|
|
font-family: 'Roboto Mono';
|
|
src: url('/fonts/RobotoMono-SemiBold.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-stretch: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto Mono';
|
|
src: url('/fonts/RobotoMono-SemiBoldItalic.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: italic;
|
|
font-weight: 600;
|
|
font-stretch: normal;
|
|
}
|
|
|
|
/* Bold 700 */
|
|
@font-face {
|
|
font-family: 'Roboto Mono';
|
|
src: url('/fonts/RobotoMono-Bold.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-stretch: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto Mono';
|
|
src: url('/fonts/RobotoMono-BoldItalic.ttf') format('truetype');
|
|
font-display: auto;
|
|
font-style: italic;
|
|
font-weight: 700;
|
|
font-stretch: normal;
|
|
}
|
|
|
|
html {
|
|
color-scheme: normal !important;
|
|
}
|
|
|
|
body {
|
|
background: none !important;
|
|
margin: 0;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
|
|
'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
height: 100vh;
|
|
user-select: none;
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
p {
|
|
margin: 0;
|
|
}
|
|
|
|
#root {
|
|
height: 100%;
|
|
}
|
|
|
|
code {
|
|
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
|
|
}
|
|
|
|
@keyframes progress-bar {
|
|
from {
|
|
width: 0%;
|
|
}
|
|
to {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
background-color: transparent;
|
|
padding: 0;
|
|
margin: 0;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
.toast-inform {
|
|
background-color: #2980b9;
|
|
}
|
|
|
|
.toast-success {
|
|
background-color: #27ae60;
|
|
}
|
|
|
|
.toast-error {
|
|
background-color: #c0392b;
|
|
}
|