typography-theme-github
Advanced tools
Comparing version 0.16.18 to 0.16.19
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -7,3 +7,3 @@ Object.defineProperty(exports, "__esModule", { | ||
var _grayPercentage = require('gray-percentage'); | ||
var _grayPercentage = require("gray-percentage"); | ||
@@ -15,11 +15,11 @@ var _grayPercentage2 = _interopRequireDefault(_grayPercentage); | ||
var theme = { | ||
title: 'GitHub', | ||
baseFontSize: '16px', | ||
title: "GitHub", | ||
baseFontSize: "16px", | ||
baseLineHeight: 1.625, | ||
headerFontFamily: ['-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'], | ||
bodyFontFamily: ['-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'], | ||
headerFontFamily: ["-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica", "Arial", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"], | ||
bodyFontFamily: ["-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica", "Arial", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"], | ||
scaleRatio: 2, | ||
bodyColor: 'hsla(0,0%,0%,0.8)', | ||
bodyColor: "hsla(0,0%,0%,0.8)", | ||
headerWeight: 600, | ||
bodyWeight: 'normal', | ||
bodyWeight: "normal", | ||
boldWeight: 600, | ||
@@ -32,4 +32,4 @@ // Github has all block elements use 1/2 rhythm not a full rhythm. | ||
h1: { | ||
borderBottom: '1px solid ' + (0, _grayPercentage2.default)(93), | ||
paddingBottom: 'calc(' + rhythm(1 / 4) + ' - 1px)', | ||
borderBottom: "1px solid " + (0, _grayPercentage2.default)(93), | ||
paddingBottom: "calc(" + rhythm(1 / 4) + " - 1px)", | ||
marginBottom: rhythm(3 / 4), | ||
@@ -39,4 +39,4 @@ marginTop: rhythm(1.5) | ||
h2: { | ||
borderBottom: '1px solid ' + (0, _grayPercentage2.default)(93), | ||
paddingBottom: 'calc(' + rhythm(1 / 4) + ' - 1px)', | ||
borderBottom: "1px solid " + (0, _grayPercentage2.default)(93), | ||
paddingBottom: "calc(" + rhythm(1 / 4) + " - 1px)", | ||
marginBottom: rhythm(1 / 4), | ||
@@ -48,22 +48,22 @@ marginTop: rhythm(1) | ||
}, | ||
'h3,h4,h5,h6': { | ||
"h3,h4,h5,h6": { | ||
marginBottom: rhythm(1 / 2), | ||
marginTop: rhythm(1) | ||
}, | ||
'ol,ul': { | ||
"ol,ul": { | ||
marginLeft: rhythm(1.25) | ||
}, | ||
// children ol, ul | ||
'li>ol,li>ul': { | ||
"li>ol,li>ul": { | ||
marginLeft: rhythm(1.25) | ||
}, | ||
a: { | ||
color: '#4078c0', | ||
textDecoration: 'none' | ||
color: "#4078c0", | ||
textDecoration: "none" | ||
}, | ||
'a:hover,a:active': { | ||
textDecoration: 'underline' | ||
"a:hover,a:active": { | ||
textDecoration: "underline" | ||
}, | ||
blockquote: { | ||
borderLeft: '4px solid ' + (0, _grayPercentage2.default)(87), | ||
borderLeft: "4px solid " + (0, _grayPercentage2.default)(87), | ||
color: (0, _grayPercentage2.default)(47), | ||
@@ -73,3 +73,3 @@ marginTop: 0, | ||
marginLeft: 0, | ||
paddingLeft: 'calc(' + rhythm(1 / 2) + ' - 1px)' | ||
paddingLeft: "calc(" + rhythm(1 / 2) + " - 1px)" | ||
} | ||
@@ -76,0 +76,0 @@ }; |
{ | ||
"name": "typography-theme-github", | ||
"description": "A theme for Typography.js inspired by Github's Markdown typography", | ||
"version": "0.16.18", | ||
"version": "0.16.19", | ||
"author": "Kyle Mathews <mathews.kyle@gmail.com>", | ||
@@ -30,3 +30,3 @@ "dependencies": { | ||
}, | ||
"gitHead": "bdd749093e7055b5ab8fdcd7448ae5f1e88cad5f" | ||
"gitHead": "1a3bfc103d41d59f04e89573c2c87e1d95abdd12" | ||
} |
// @flow | ||
import gray from 'gray-percentage' | ||
import type { OptionsType } from 'Types' | ||
import gray from "gray-percentage" | ||
import type { OptionsType } from "Types" | ||
const theme: OptionsType = { | ||
title: 'GitHub', | ||
baseFontSize: '16px', | ||
title: "GitHub", | ||
baseFontSize: "16px", | ||
baseLineHeight: 1.625, | ||
headerFontFamily: [ | ||
'-apple-system', | ||
'BlinkMacSystemFont', | ||
'Segoe UI', | ||
'Roboto', | ||
'Helvetica', | ||
'Arial', | ||
'sans-serif', | ||
'Apple Color Emoji', | ||
'Segoe UI Emoji', | ||
'Segoe UI Symbol', | ||
"-apple-system", | ||
"BlinkMacSystemFont", | ||
"Segoe UI", | ||
"Roboto", | ||
"Helvetica", | ||
"Arial", | ||
"sans-serif", | ||
"Apple Color Emoji", | ||
"Segoe UI Emoji", | ||
"Segoe UI Symbol", | ||
], | ||
bodyFontFamily: [ | ||
'-apple-system', | ||
'BlinkMacSystemFont', | ||
'Segoe UI', | ||
'Roboto', | ||
'Helvetica', | ||
'Arial', | ||
'sans-serif', | ||
'Apple Color Emoji', | ||
'Segoe UI Emoji', | ||
'Segoe UI Symbol', | ||
"-apple-system", | ||
"BlinkMacSystemFont", | ||
"Segoe UI", | ||
"Roboto", | ||
"Helvetica", | ||
"Arial", | ||
"sans-serif", | ||
"Apple Color Emoji", | ||
"Segoe UI Emoji", | ||
"Segoe UI Symbol", | ||
], | ||
scaleRatio: 2, | ||
bodyColor: 'hsla(0,0%,0%,0.8)', | ||
bodyColor: "hsla(0,0%,0%,0.8)", | ||
headerWeight: 600, | ||
bodyWeight: 'normal', | ||
bodyWeight: "normal", | ||
boldWeight: 600, | ||
@@ -56,19 +56,19 @@ // Github has all block elements use 1/2 rhythm not a full rhythm. | ||
}, | ||
'h3,h4,h5,h6': { | ||
"h3,h4,h5,h6": { | ||
marginBottom: rhythm(1 / 2), | ||
marginTop: rhythm(1), | ||
}, | ||
'ol,ul': { | ||
"ol,ul": { | ||
marginLeft: rhythm(1.25), | ||
}, | ||
// children ol, ul | ||
'li>ol,li>ul': { | ||
"li>ol,li>ul": { | ||
marginLeft: rhythm(1.25), | ||
}, | ||
a: { | ||
color: '#4078c0', | ||
textDecoration: 'none', | ||
color: "#4078c0", | ||
textDecoration: "none", | ||
}, | ||
'a:hover,a:active': { | ||
textDecoration: 'underline', | ||
"a:hover,a:active": { | ||
textDecoration: "underline", | ||
}, | ||
@@ -75,0 +75,0 @@ blockquote: { |