typography-theme-wikipedia
Advanced tools
Comparing version 0.16.18 to 0.16.19
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -9,62 +9,62 @@ Object.defineProperty(exports, "__esModule", { | ||
var theme = { | ||
title: 'Wikipedia', | ||
baseFontSize: '14px', | ||
title: "Wikipedia", | ||
baseFontSize: "14px", | ||
baseLineHeight: 1.57, | ||
headerFontFamily: ['Linux Libertine', 'Georgia', 'serif'], | ||
bodyFontFamily: ['sans-serif'], | ||
headerColor: 'hsla(0,0%,0%,1)', | ||
bodyColor: 'hsla(0,0%,0%,0.85)', | ||
headerWeight: 'normal', | ||
bodyWeight: 'normal', | ||
boldWeight: 'bold', | ||
headerFontFamily: ["Linux Libertine", "Georgia", "serif"], | ||
bodyFontFamily: ["sans-serif"], | ||
headerColor: "hsla(0,0%,0%,1)", | ||
bodyColor: "hsla(0,0%,0%,0.85)", | ||
headerWeight: "normal", | ||
bodyWeight: "normal", | ||
boldWeight: "bold", | ||
overrideStyles: function overrideStyles(_ref) { | ||
var rhythm = _ref.rhythm; | ||
return { | ||
'h1,h2,h3,h4,h5,h6': { | ||
borderBottom: '1px solid rgb(170, 170, 170)', | ||
marginBottom: 'calc(' + rhythm(1 / 4) + ' - 1px)', | ||
"h1,h2,h3,h4,h5,h6": { | ||
borderBottom: "1px solid rgb(170, 170, 170)", | ||
marginBottom: "calc(" + rhythm(1 / 4) + " - 1px)", | ||
marginTop: rhythm(1) | ||
}, | ||
'p,ol,ul': { | ||
"p,ol,ul": { | ||
// TODO convert all ems and pxs to use rhythm. | ||
marginBottom: '0.5em', | ||
marginTop: '0.5em' | ||
marginBottom: "0.5em", | ||
marginTop: "0.5em" | ||
}, | ||
dt: { | ||
marginBottom: '0.1em' | ||
marginBottom: "0.1em" | ||
}, | ||
dd: { | ||
marginLeft: '1.6em', | ||
marginBottom: '0.1em' | ||
marginLeft: "1.6em", | ||
marginBottom: "0.1em" | ||
}, | ||
blockquote: { | ||
marginTop: '1em', | ||
marginBottom: '1em', | ||
marginTop: "1em", | ||
marginBottom: "1em", | ||
marginRight: 0, | ||
marginLeft: 0, | ||
paddingLeft: '40px', | ||
paddingRight: '40px' | ||
paddingLeft: "40px", | ||
paddingRight: "40px" | ||
}, | ||
'ol,ul': { | ||
listStyleImage: 'url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%2300528c%22%2F%3E%0A%3C%2Fsvg%3E%0A)', // eslint-disable-line | ||
marginLeft: '1.6em', | ||
marginTop: '0.3em' | ||
"ol,ul": { | ||
listStyleImage: "url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%2300528c%22%2F%3E%0A%3C%2Fsvg%3E%0A)", // eslint-disable-line | ||
marginLeft: "1.6em", | ||
marginTop: "0.3em" | ||
}, | ||
'li > ul,li > ol': { | ||
marginTop: '0', | ||
marginLeft: '1.6em' | ||
"li > ul,li > ol": { | ||
marginTop: "0", | ||
marginLeft: "1.6em" | ||
}, | ||
a: { | ||
color: 'rgb(6, 69, 173)', | ||
textDecoration: 'none' | ||
color: "rgb(6, 69, 173)", | ||
textDecoration: "none" | ||
}, | ||
'a:hover': { | ||
textDecoration: 'underline' | ||
"a:hover": { | ||
textDecoration: "underline" | ||
}, | ||
'a:visited': { | ||
color: 'rgb(11, 0, 128)' | ||
"a:visited": { | ||
color: "rgb(11, 0, 128)" | ||
}, | ||
dl: { | ||
marginTop: '0.2em', | ||
marginBottom: '0.5em' | ||
marginTop: "0.2em", | ||
marginBottom: "0.5em" | ||
} | ||
@@ -71,0 +71,0 @@ }; |
{ | ||
"name": "typography-theme-wikipedia", | ||
"description": "A theme for Typography.js inspired by Wikipedia's typography", | ||
"version": "0.16.18", | ||
"version": "0.16.19", | ||
"author": "Kyle Mathews <mathews.kyle@gmail.com>", | ||
@@ -27,3 +27,3 @@ "keywords": [ | ||
}, | ||
"gitHead": "bdd749093e7055b5ab8fdcd7448ae5f1e88cad5f" | ||
"gitHead": "1a3bfc103d41d59f04e89573c2c87e1d95abdd12" | ||
} |
// @flow | ||
import type { OptionsType } from 'Types' | ||
import type { OptionsType } from "Types" | ||
const theme: OptionsType = { | ||
title: 'Wikipedia', | ||
baseFontSize: '14px', | ||
title: "Wikipedia", | ||
baseFontSize: "14px", | ||
baseLineHeight: 1.57, | ||
headerFontFamily: ['Linux Libertine', 'Georgia', 'serif'], | ||
bodyFontFamily: ['sans-serif'], | ||
headerColor: 'hsla(0,0%,0%,1)', | ||
bodyColor: 'hsla(0,0%,0%,0.85)', | ||
headerWeight: 'normal', | ||
bodyWeight: 'normal', | ||
boldWeight: 'bold', | ||
headerFontFamily: ["Linux Libertine", "Georgia", "serif"], | ||
bodyFontFamily: ["sans-serif"], | ||
headerColor: "hsla(0,0%,0%,1)", | ||
bodyColor: "hsla(0,0%,0%,0.85)", | ||
headerWeight: "normal", | ||
bodyWeight: "normal", | ||
boldWeight: "bold", | ||
overrideStyles: ({ rhythm }) => ({ | ||
'h1,h2,h3,h4,h5,h6': { | ||
borderBottom: '1px solid rgb(170, 170, 170)', | ||
"h1,h2,h3,h4,h5,h6": { | ||
borderBottom: "1px solid rgb(170, 170, 170)", | ||
marginBottom: `calc(${rhythm(1 / 4)} - 1px)`, | ||
marginTop: rhythm(1), | ||
}, | ||
'p,ol,ul': { | ||
"p,ol,ul": { | ||
// TODO convert all ems and pxs to use rhythm. | ||
marginBottom: '0.5em', | ||
marginTop: '0.5em', | ||
marginBottom: "0.5em", | ||
marginTop: "0.5em", | ||
}, | ||
dt: { | ||
marginBottom: '0.1em', | ||
marginBottom: "0.1em", | ||
}, | ||
dd: { | ||
marginLeft: '1.6em', | ||
marginBottom: '0.1em', | ||
marginLeft: "1.6em", | ||
marginBottom: "0.1em", | ||
}, | ||
blockquote: { | ||
marginTop: '1em', | ||
marginBottom: '1em', | ||
marginTop: "1em", | ||
marginBottom: "1em", | ||
marginRight: 0, | ||
marginLeft: 0, | ||
paddingLeft: '40px', | ||
paddingRight: '40px', | ||
paddingLeft: "40px", | ||
paddingRight: "40px", | ||
}, | ||
'ol,ul': { | ||
"ol,ul": { | ||
listStyleImage: | ||
'url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%2300528c%22%2F%3E%0A%3C%2Fsvg%3E%0A)', // eslint-disable-line | ||
marginLeft: '1.6em', | ||
marginTop: '0.3em', | ||
"url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%2300528c%22%2F%3E%0A%3C%2Fsvg%3E%0A)", // eslint-disable-line | ||
marginLeft: "1.6em", | ||
marginTop: "0.3em", | ||
}, | ||
'li > ul,li > ol': { | ||
marginTop: '0', | ||
marginLeft: '1.6em', | ||
"li > ul,li > ol": { | ||
marginTop: "0", | ||
marginLeft: "1.6em", | ||
}, | ||
a: { | ||
color: 'rgb(6, 69, 173)', | ||
textDecoration: 'none', | ||
color: "rgb(6, 69, 173)", | ||
textDecoration: "none", | ||
}, | ||
'a:hover': { | ||
textDecoration: 'underline', | ||
"a:hover": { | ||
textDecoration: "underline", | ||
}, | ||
'a:visited': { | ||
color: 'rgb(11, 0, 128)', | ||
"a:visited": { | ||
color: "rgb(11, 0, 128)", | ||
}, | ||
dl: { | ||
marginTop: '0.2em', | ||
marginBottom: '0.5em', | ||
marginTop: "0.2em", | ||
marginBottom: "0.5em", | ||
}, | ||
@@ -65,0 +65,0 @@ }), |