Skip to content
This repository was archived by the owner on Mar 5, 2025. It is now read-only.

Update style.css #362

Open
pchandna24 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Update style.css #362

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
45 changes: 25 additions & 20 deletions media/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,60 +5,65 @@

@charset "utf-8";

@import url('https://rsms.me/inter/inter.css');
Copy link
Owner

@jdm jdm Oct 7, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Instead of importing a remote stylesheet, can we add the font files and rules to this repository instead?

html { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
html { font-family: 'Inter var', sans-serif; }
}

@font-face {
font-family: 'Fira Sans';
font-family: 'Inter';
font-weight: normal;
font-style: normal;
src: url("/media/fonts/FiraSans-Regular.woff2") format("woff2");

}

@font-face {
font-family: 'Fira Sans';
font-family: 'Inter';
font-weight: bold;
font-style: normal;
src: url("/media/fonts/FiraSans-Bold.woff2") format("woff2");

}

@font-face {
font-family: 'Fira Sans';
font-family: 'Inter';
font-weight: normal;
font-style: italic;
src: url("/media/fonts/FiraSans-Italic.woff2") format("woff2");

}

@font-face {
font-family: 'Fira Sans';
font-family: 'Inter';
font-weight: bold;
font-style: italic;
src: url("/media/fonts/FiraSans-BoldItalic.woff2") format("woff2");

}

@font-face {
font-family: 'Fira Sans Light';
font-family: 'Inter Light';
font-weight: normal;
font-style: normal;
src: url("/media/fonts/FiraSans-Light.woff2") format("woff2");

}

@font-face {
font-family: 'Fira Sans Light';
font-family: 'Inter Light';
font-weight: normal;
font-style: italic;
src: url("/media/fonts/FiraSans-LightItalic.woff2") format("woff2");
}


@font-face {
font-family: 'Fira Sans Light';
font-family: 'Inter Light';
font-weight: bold;
font-style: normal;
src: url("/media/fonts/FiraSans-Regular.woff2") format("woff2");

}

@font-face {
font-family: 'Fira Sans Light';
font-family: 'Inter Light';
font-weight: bold;
font-style: italic;
src: url("/media/fonts/FiraSans-Italic.woff2") format("woff2");

}

* {
Expand All @@ -69,7 +74,7 @@

html {
background: url("/media/img/bg.png") repeat scroll 0 0 #eee;
font-family: "Fira Sans", sans-serif;
font-family: "Inter", sans-serif;
}

header {
Expand All @@ -79,7 +84,7 @@ header {
background: rgba(0,0,0,0.05);
color: #333;
text-transform: uppercase;
font-family: "Fira Sans Light", sans-serif;
font-family: "Inter Light", sans-serif;
}

header svg.mozilla-logo {
Expand Down Expand Up @@ -262,7 +267,7 @@ a {

/* RTL View */
html[dir="rtl"] * {
font-family: "Droid Arabic Naskh", "Fira Sans", sans-serif;
font-family: "Droid Arabic Naskh", "Inter", sans-serif;
}

html[dir="rtl"] #lang-selection {
Expand Down