Skip to content
This repository has been archived by the owner on Oct 20, 2022. It is now read-only.

fix: make style not override developers code #635

Merged
merged 1 commit into from
Jun 27, 2019
Merged
Changes from all commits
Commits
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
9 changes: 5 additions & 4 deletions src/styles/typography.js
Original file line number Diff line number Diff line change
Expand Up @@ -8,18 +8,19 @@ const WEIGHTS = {
extrabold: 800,
};

const FONT_FAMILY = '"Nordnet Sans Mono", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
const FONT_FAMILY =
'"Nordnet Sans Mono", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';

const commonFontStyles = {
fontFamily: FONT_FAMILY,
letterSpacing: 'normal'
}
letterSpacing: 'normal',
};

export default function createTypography() {
const ifSmallDevice = (smallFontSize, largeFontSize) => ({
...commonFontStyles,
fontSize: smallFontSize,
[`@media only screen and (min-width: ${SMALL_DEVICE}px)`]: {
[`@media only screen and (min-width: ${SMALL_DEVICE}px)/* override fix */`]: {
fontSize: largeFontSize,
},
});
Expand Down