flambyte/RUX
1
0
Fork 0
mirror of https://old.git.ood.ovh/flambyte/RUX.git synced 2025-05-07 07:10:16 +02:00
Code Issues 11 Projects Releases Packages Wiki Activity Actions

add fonts doc and input on css

Browse source
This commit is contained in:
Petite Flamby 2023-02-23 15:13:27 +01:00
parent 7e9f45f56e
commit 939e01061c
11 changed files with 175 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

59
assets/css/style.css
View file

@ -0,0 +1,59 @@
@import 'normalize.css';
@font-face {
font-family: 'MoodboardFont';
font-weight: 400;
src: url('assets/fonts/moodboardfont-webfont.woff2') format('woff2'),
url('assets/fonts/moodboardfont-webfont.woff2') format('woff');
}
@font-face {
font-family: 'Queensides';
font-weight: 400;
src: url('../fonts/Queensides-3z7Ey.ttf');
}
@font-face {
font-family: 'QueensidesL';
font-weight: 300;
src: url('../fonts/QueensidesLight-ZVj3l.ttf');
}
@font-face {
font-family: 'QueensidesM';
font-weight: 700;
src: url('../fonts/QueensidesMedium-x30zV.ttf');
}
:root {
--color-bg: #ffb4b4;
}
@media(prefers-color-scheme: dark) {
:root {
--color-bg: #2d2d47;
}
[data-theme="light"] {
--color-bg: #ffb4b4;
}
[data-theme="dark"] {
--color-bg: #2d2d47;
--color-txt-dark: #fff;
}
}
body {
font-family: 'QueensidesL';
font-size: 18px;
color: var(--color-txt-dark);
background-color: var(--color-bg);
padding: 0;
margin: 0;
}
.title {
font-family: 'MoodboardFont';
}
p {
font-family: 'QueensidesM';
font-size: 23px;
}
@media only screen and (min-width: 750px) {}