mirror of
https://github.com/bubblecup-12/VogelSocialMedia.git
synced 2025-07-07 19:18:51 +00:00
add folder structure
This commit is contained in:
parent
032806a5a9
commit
912b0a2b4c
8 changed files with 0 additions and 0 deletions
10
code/frontend/src/styles/colors.css
Normal file
10
code/frontend/src/styles/colors.css
Normal file
|
@ -0,0 +1,10 @@
|
|||
:root {
|
||||
--Rotkehlchen-gray: #e7ecf2;
|
||||
--Rotkehlchen-brown-light: #a28d7a;
|
||||
--Rotkehlchen-brown-middle: #7F6D6D;
|
||||
--Rotkehlchen-brown-dark: #4C4141;
|
||||
--Rotkehlchen-yellow-default: #FED640;
|
||||
--Rotkehlchen-yellow-hover: #EAC22A;
|
||||
--Rotkehlchen-orange-default: #e79a0e;
|
||||
--gradient-blue-backround-mobile: linear-gradient(270deg, rgba(20, 15, 86, 0.27) 0%, rgba(20, 15, 86, 0.58) 24%, rgba(20, 15, 86, 0.74) 43%, rgba(17, 13, 71, 0.82) 56%, rgba(13, 10, 56, 0.90) 68%), url('../public/assets/images/BirdsSky.jpg') lightgray 50% / cover no-repeat;
|
||||
}
|
68
code/frontend/src/styles/fonts.css
Normal file
68
code/frontend/src/styles/fonts.css
Normal file
|
@ -0,0 +1,68 @@
|
|||
@font-face {
|
||||
font-family: "Lora";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(../public/assets/fonts/Lora/Lora-VariableFont_wght.ttf);
|
||||
unicode-range: U+00-52F, U+1E00-1FFF, U+2200-22FF;
|
||||
}
|
||||
.title-h1 {
|
||||
font-family: "Lora";
|
||||
font-size: 2.5rem;
|
||||
line-height: 130%;
|
||||
letter-spacing: 3.2px;
|
||||
}
|
||||
|
||||
.small-title {
|
||||
font-family: "Lora";
|
||||
font-size: 24px;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
@media (width >= 768px) {
|
||||
.title-h1 {
|
||||
font-size: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: "Lora";
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Inter";
|
||||
font-style: normal;
|
||||
src: url(../public/assets/fonts/Inter/static/Inter_24pt-Medium.ttf);
|
||||
}
|
||||
.body-l,
|
||||
.body-m {
|
||||
font-family: "Inter";
|
||||
}
|
||||
.body-l {
|
||||
font-size: 1.5rem;
|
||||
line-height: 110%;
|
||||
letter-spacing: 1.2px;
|
||||
}
|
||||
.body-m {
|
||||
font-size: 1rem;
|
||||
line-height: 100%;
|
||||
letter-spacing: 0.8px;
|
||||
}
|
||||
.footer-link {
|
||||
font-family: "Inter";
|
||||
font-size: 1rem;
|
||||
line-height: 100%;
|
||||
letter-spacing: 0.8px;
|
||||
}
|
||||
|
||||
.login-input {
|
||||
font-family: 'Inter';
|
||||
font-size: 1rem;
|
||||
letter-spacing: 0.5px;
|
||||
line-height: 24px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: "Inter";
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue