typography-theme-wordpress-2016
Advanced tools
Comparing version 0.16.18 to 0.16.19
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -9,7 +9,7 @@ Object.defineProperty(exports, "__esModule", { | ||
var _grayPercentage = require('gray-percentage'); | ||
var _grayPercentage = require("gray-percentage"); | ||
var _grayPercentage2 = _interopRequireDefault(_grayPercentage); | ||
var _typographyBreakpointConstants = require('typography-breakpoint-constants'); | ||
var _typographyBreakpointConstants = require("typography-breakpoint-constants"); | ||
@@ -21,16 +21,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
var theme = { | ||
title: 'Wordpress Theme 2016', | ||
baseFontSize: '16px', | ||
title: "Wordpress Theme 2016", | ||
baseFontSize: "16px", | ||
baseLineHeight: 1.75, | ||
scaleRatio: 5 / 2, | ||
googleFonts: [{ | ||
name: 'Montserrat', | ||
styles: ['700'] | ||
name: "Montserrat", | ||
styles: ["700"] | ||
}, { | ||
name: 'Merriweather', | ||
styles: ['400', '400i', '700', '700i', '900', '900i'] | ||
name: "Merriweather", | ||
styles: ["400", "400i", "700", "700i", "900", "900i"] | ||
}], | ||
headerFontFamily: ['Merriweather', 'Georgia', 'serif'], | ||
bodyFontFamily: ['Merriweather', 'Georgia', 'serif'], | ||
bodyColor: 'hsla(0,0%,0%,0.9)', | ||
headerFontFamily: ["Merriweather", "Georgia", "serif"], | ||
bodyFontFamily: ["Merriweather", "Georgia", "serif"], | ||
bodyColor: "hsla(0,0%,0%,0.9)", | ||
headerWeight: 900, | ||
@@ -47,29 +47,29 @@ bodyWeight: 400, | ||
h1: { | ||
fontFamily: ['Montserrat', 'sans-serif'].join(',') | ||
fontFamily: ["Montserrat", "sans-serif"].join(",") | ||
}, | ||
blockquote: _extends({}, scale(1 / 5), { | ||
color: (0, _grayPercentage2.default)(41), | ||
fontStyle: 'italic', | ||
fontStyle: "italic", | ||
paddingLeft: rhythm(13 / 16), | ||
marginLeft: rhythm(-1), | ||
borderLeft: rhythm(3 / 16) + ' solid ' + (0, _grayPercentage2.default)(10) | ||
borderLeft: rhythm(3 / 16) + " solid " + (0, _grayPercentage2.default)(10) | ||
}), | ||
'blockquote > :last-child': { | ||
"blockquote > :last-child": { | ||
marginBottom: 0 | ||
}, | ||
'blockquote cite': _extends({}, adjustFontSizeTo(options.baseFontSize), { | ||
"blockquote cite": _extends({}, adjustFontSizeTo(options.baseFontSize), { | ||
color: options.bodyColor, | ||
fontWeight: options.bodyWeight | ||
}), | ||
'blockquote cite:before': { | ||
"blockquote cite:before": { | ||
content: '"— "' | ||
}, | ||
ul: { | ||
listStyle: 'disc' | ||
listStyle: "disc" | ||
}, | ||
'ul,ol': { | ||
"ul,ol": { | ||
marginLeft: 0 | ||
} | ||
}, _defineProperty(_ref2, _typographyBreakpointConstants.MOBILE_MEDIA_QUERY, { | ||
'ul,ol': { | ||
"ul,ol": { | ||
marginLeft: rhythm(1) | ||
@@ -82,20 +82,20 @@ }, | ||
} | ||
}), _defineProperty(_ref2, 'h1,h2,h3,h4,h5,h6', { | ||
}), _defineProperty(_ref2, "h1,h2,h3,h4,h5,h6", { | ||
marginTop: rhythm(2) | ||
}), _defineProperty(_ref2, 'h4', { | ||
letterSpacing: '0.140625em', | ||
textTransform: 'uppercase' | ||
}), _defineProperty(_ref2, 'h6', { | ||
fontStyle: 'italic' | ||
}), _defineProperty(_ref2, 'a', { | ||
boxShadow: '0 1px 0 0 currentColor', | ||
color: '#007acc', | ||
textDecoration: 'none' | ||
}), _defineProperty(_ref2, 'a:hover,a:active', { | ||
boxShadow: 'none' | ||
}), _defineProperty(_ref2, 'mark,ins', { | ||
background: '#007acc', | ||
color: 'white', | ||
padding: rhythm(1 / 16) + ' ' + rhythm(1 / 8), | ||
textDecoration: 'none' | ||
}), _defineProperty(_ref2, "h4", { | ||
letterSpacing: "0.140625em", | ||
textTransform: "uppercase" | ||
}), _defineProperty(_ref2, "h6", { | ||
fontStyle: "italic" | ||
}), _defineProperty(_ref2, "a", { | ||
boxShadow: "0 1px 0 0 currentColor", | ||
color: "#007acc", | ||
textDecoration: "none" | ||
}), _defineProperty(_ref2, "a:hover,a:active", { | ||
boxShadow: "none" | ||
}), _defineProperty(_ref2, "mark,ins", { | ||
background: "#007acc", | ||
color: "white", | ||
padding: rhythm(1 / 16) + " " + rhythm(1 / 8), | ||
textDecoration: "none" | ||
}), _ref2; | ||
@@ -102,0 +102,0 @@ } |
{ | ||
"name": "typography-theme-wordpress-2016", | ||
"description": "A theme for Typography.js inspired by the typography of the Wordpress 2016 default theme", | ||
"version": "0.16.18", | ||
"version": "0.16.19", | ||
"author": "Kyle Mathews <mathews.kyle@gmail.com>", | ||
"dependencies": { | ||
"gray-percentage": "^2.0.0", | ||
"typography-breakpoint-constants": "^0.16.18" | ||
"typography-breakpoint-constants": "^0.16.19" | ||
}, | ||
@@ -31,3 +31,3 @@ "keywords": [ | ||
}, | ||
"gitHead": "bdd749093e7055b5ab8fdcd7448ae5f1e88cad5f" | ||
"gitHead": "1a3bfc103d41d59f04e89573c2c87e1d95abdd12" | ||
} |
// @flow | ||
import gray from 'gray-percentage' | ||
import type { OptionsType } from 'Types' | ||
import { MOBILE_MEDIA_QUERY } from 'typography-breakpoint-constants' | ||
import gray from "gray-percentage" | ||
import type { OptionsType } from "Types" | ||
import { MOBILE_MEDIA_QUERY } from "typography-breakpoint-constants" | ||
const theme: OptionsType = { | ||
title: 'Wordpress Theme 2016', | ||
baseFontSize: '16px', | ||
title: "Wordpress Theme 2016", | ||
baseFontSize: "16px", | ||
baseLineHeight: 1.75, | ||
@@ -13,13 +13,13 @@ scaleRatio: 5 / 2, | ||
{ | ||
name: 'Montserrat', | ||
styles: ['700'], | ||
name: "Montserrat", | ||
styles: ["700"], | ||
}, | ||
{ | ||
name: 'Merriweather', | ||
styles: ['400', '400i', '700', '700i', '900', '900i'], | ||
name: "Merriweather", | ||
styles: ["400", "400i", "700", "700i", "900", "900i"], | ||
}, | ||
], | ||
headerFontFamily: ['Merriweather', 'Georgia', 'serif'], | ||
bodyFontFamily: ['Merriweather', 'Georgia', 'serif'], | ||
bodyColor: 'hsla(0,0%,0%,0.9)', | ||
headerFontFamily: ["Merriweather", "Georgia", "serif"], | ||
bodyFontFamily: ["Merriweather", "Georgia", "serif"], | ||
bodyColor: "hsla(0,0%,0%,0.9)", | ||
headerWeight: 900, | ||
@@ -30,3 +30,3 @@ bodyWeight: 400, | ||
h1: { | ||
fontFamily: ['Montserrat', 'sans-serif'].join(','), | ||
fontFamily: ["Montserrat", "sans-serif"].join(","), | ||
}, | ||
@@ -36,3 +36,3 @@ blockquote: { | ||
color: gray(41), | ||
fontStyle: 'italic', | ||
fontStyle: "italic", | ||
paddingLeft: rhythm(13 / 16), | ||
@@ -42,6 +42,6 @@ marginLeft: rhythm(-1), | ||
}, | ||
'blockquote > :last-child': { | ||
"blockquote > :last-child": { | ||
marginBottom: 0, | ||
}, | ||
'blockquote cite': { | ||
"blockquote cite": { | ||
...adjustFontSizeTo(options.baseFontSize), | ||
@@ -51,13 +51,13 @@ color: options.bodyColor, | ||
}, | ||
'blockquote cite:before': { | ||
"blockquote cite:before": { | ||
content: '"— "', | ||
}, | ||
ul: { | ||
listStyle: 'disc', | ||
listStyle: "disc", | ||
}, | ||
'ul,ol': { | ||
"ul,ol": { | ||
marginLeft: 0, | ||
}, | ||
[MOBILE_MEDIA_QUERY]: { | ||
'ul,ol': { | ||
"ul,ol": { | ||
marginLeft: rhythm(1), | ||
@@ -71,25 +71,25 @@ }, | ||
}, | ||
'h1,h2,h3,h4,h5,h6': { | ||
"h1,h2,h3,h4,h5,h6": { | ||
marginTop: rhythm(2), | ||
}, | ||
h4: { | ||
letterSpacing: '0.140625em', | ||
textTransform: 'uppercase', | ||
letterSpacing: "0.140625em", | ||
textTransform: "uppercase", | ||
}, | ||
h6: { | ||
fontStyle: 'italic', | ||
fontStyle: "italic", | ||
}, | ||
a: { | ||
boxShadow: '0 1px 0 0 currentColor', | ||
color: '#007acc', | ||
textDecoration: 'none', | ||
boxShadow: "0 1px 0 0 currentColor", | ||
color: "#007acc", | ||
textDecoration: "none", | ||
}, | ||
'a:hover,a:active': { | ||
boxShadow: 'none', | ||
"a:hover,a:active": { | ||
boxShadow: "none", | ||
}, | ||
'mark,ins': { | ||
background: '#007acc', | ||
color: 'white', | ||
"mark,ins": { | ||
background: "#007acc", | ||
color: "white", | ||
padding: `${rhythm(1 / 16)} ${rhythm(1 / 8)}`, | ||
textDecoration: 'none', | ||
textDecoration: "none", | ||
}, | ||
@@ -96,0 +96,0 @@ }), |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package