Stone_Red/website
1
0
Fork 0
mirror of https://github.com/Stone-Red-Code/website.git synced 2026-09-04 09:15:58 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #382 from the-programmers-hangout/ui-replace-inter-oxygen-mono-fonts-for-ibm-plex-sans-and-ibm-plex-mono

Browse Source 
ui: swap inter for ibm plex sans, and oxygen mono for ibm plex mono
This commit is contained in:
Jean-Philippe Sirois
2020-11-12 05:45:44 -05:00
committed by GitHub
parent 100586a34a bfc9cc066b
commit c3dcb60011
5 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gatsby-config.js
+5 -5
View File
@@ -12,16 +12,16 @@ module.exports = {
resolve: `@el7cosmos/gatsby-plugin-prefetch-google-fonts`, resolve: `@el7cosmos/gatsby-plugin-prefetch-google-fonts`,
options: { options: {
fonts: [ fonts: [
{
family: `Inter`,
variants: [`400`, `700`],
},
{ {
family: `Montserrat`, family: `Montserrat`,
variants: [`400`, `700`], variants: [`400`, `700`],
}, },
{ {
family: `Oxygen Mono`, family: `IBM+Plex+Sans`,
variants: [`400`, `700`],
},
{
family: `IBM+Plex+Mono`,
variants: [`400`], variants: [`400`],
}, },
], ],
src/components/Home/styles.tsx
+1 -1
View File
@@ -124,7 +124,7 @@ export const menuItemStyles = css`
position: relative; position: relative;
transition: color 0.3s; transition: color 0.3s;
margin: 10px 20px 5px 0; margin: 10px 20px 5px 0;
font-family: "Oxygen Mono", monospace; font-family: "IBM Plex Mono", monospace;
&:hover { &:hover {
color: #fff; color: #fff;
src/components/HomePartner/styles.tsx
+1 -1
View File
@@ -5,7 +5,7 @@ export const HomePartnerWrapper = styled.div`
margin-top: 32px; margin-top: 32px;
display: flex; display: flex;
align-items: center; align-items: center;
font-family: "Oxygen Mono", monospace; font-family: "IBM Plex Mono", monospace;
text-transform: uppercase; text-transform: uppercase;
font-size: 22px; font-size: 22px;
color: ${(props) => props.theme.main.foreground}; color: ${(props) => props.theme.main.foreground};
src/components/Markdown/styles.tsx
+1 -1
View File
@@ -111,7 +111,7 @@ export const MarkdownWrapper = styled.div`
border-radius: 3px; border-radius: 3px;
letter-spacing: 0.25px; letter-spacing: 0.25px;
color: #ebedee; color: #ebedee;
font-family: "Oxygen Mono", monospace; font-family: "IBM Plex Mono", monospace;
} }
:not(pre) > code[class*="language-"], :not(pre) > code[class*="language-"],
src/design/typography.ts
+4 -4
View File
@@ -1,5 +1,5 @@
const FONT_INTER = "Inter, sans-serif" const FONT_BODY = "IBM Plex Sans, sans-serif"
const FONT_MONTSERRAT = "Montserrat, sans-serif" const FONT_HEADER = "Montserrat, sans-serif"
export const BASE_FONT_SIZE = 20 export const BASE_FONT_SIZE = 20
export const BASE_LINE_HEIGHT = 26 export const BASE_LINE_HEIGHT = 26
@@ -24,8 +24,8 @@ export function modularScale(power: number) {
} }
export const fontFamily = { export const fontFamily = {
header: FONT_MONTSERRAT, header: FONT_HEADER,
body: FONT_INTER, body: FONT_BODY,
} }
export default fontFamily export default fontFamily