Files
freeCodeCamp/client/src/components/layouts/fonts.css
Muhammed Mustafa 4291e153f7 feat: add RTL language layout (#48287)
* add the previous layout

* add the import logic

Co-authored-by: Nestor <elnestinatorHD@gmail.com>

* WIP: RTL layout

* WIP: code snippet

* WIP: RTL layout

* WIP: RTL layout

* WIP: add selector that don't work

* WIP: fix code in tables direction

* change the dynamic import to static import

Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* remove redundant imports

* fix the broken splitter and broken code element

Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

* revert the wrapper editor layout

* WIP: Timeline RTL layout

* add row reverse to account for splitter direction reverse

* Revert "add row reverse to account for splitter direction reverse"

This reverts commit f67ad002c8.

* add row reverse to account for splitter direction reverse

Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>

* mirrior the nav bar by placing the logo in the right

* Use notosans as RTL font family

* Remove Arabic from the hiddenLangs

* fix(feedbac): the search and table alignment

Co-authored-by: Zaira <33151350+zairahira@users.noreply.github.com>

* fix(feedback): text alignment, icons rotation

Co-authered-by: moT01 <20648924+moT01@users.noreply.github.com>

* Revert "fix(feedback): text alignment, icons rotation"

This reverts commit 0c6dc4f909.

* fix(feedback): text-alignment, and icon rotation

Co-authored-by: moT01 <20648924+moT01@users.noreply.github.com>

Co-authored-by: Nestor <elnestinatorHD@gmail.com>
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
Co-authored-by: Zaira <33151350+zairahira@users.noreply.github.com>
Co-authored-by: moT01 <20648924+moT01@users.noreply.github.com>
2022-12-16 18:03:18 +02:00

106 lines
2.5 KiB
CSS

@font-face {
font-family: 'Lato';
src: url('../../../static/fonts/lato/Lato-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Lato';
src: url('../../../static/fonts/lato/Lato-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Lato';
src: url('../../../static/fonts/lato/Lato-Italic.woff') format('woff');
font-weight: normal;
font-style: italic;
font-display: fallback;
}
@font-face {
font-family: 'Lato';
src: url('../../../static/fonts/lato/Lato-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'Lato';
src: url('../../../static/fonts/lato/Lato-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: fallback;
}
/* NotoSansArabic */
@font-face {
font-family: 'NotoSansArabic';
src: url('../../../static/fonts/noto-sans-arabic/NotoSansArabic-Light.woff')
format('woff');
font-weight: 300;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'NotoSansArabic';
src: url('../../../static/fonts/noto-sans-arabic/NotoSansArabic-Regular.woff')
format('woff');
font-weight: normal;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'NotoSansArabic';
src: url('../../../static/fonts/noto-sans-arabic/NotoSansArabic-Bold.woff')
format('woff');
font-weight: bold;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: 'NotoSansArabic';
src: url('../../../static/fonts/noto-sans-arabic/NotoSansArabic-Black.woff')
format('woff');
font-weight: 900;
font-style: normal;
font-display: fallback;
}
/* hack zeroslash */
@font-face {
font-family: 'Hack-ZeroSlash';
src: url('../../../static/fonts/hack-zeroslash/Hack-ZeroSlash-Regular.woff2')
format('woff2'),
url('../../../static/fonts/hack-zeroslash/Hack-ZeroSlash-Regular.woff')
format('woff');
}
@font-face {
font-family: 'Hack-ZeroSlash';
src: url('../../../static/fonts/hack-zeroslash/Hack-ZeroSlash-Bold.woff2')
format('woff2'),
url('../../../static/fonts/hack-zeroslash/Hack-ZeroSlash-Bold.woff')
format('woff');
font-weight: bold;
}
@font-face {
font-family: 'Hack-ZeroSlash';
src: url('../../../static/fonts/hack-zeroslash/Hack-ZeroSlash-Italic.woff2')
format('woff2'),
url('../../../static/fonts/hack-zeroslash/Hack-ZeroSlash-Italic.woff')
format('woff');
font-style: italic;
}