typography-theme-us-web-design-standards
Advanced tools
Comparing version 0.16.18 to 0.16.19
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -9,3 +9,3 @@ Object.defineProperty(exports, "__esModule", { | ||
var _grayPercentage = require('gray-percentage'); | ||
var _grayPercentage = require("gray-percentage"); | ||
@@ -17,16 +17,16 @@ var _grayPercentage2 = _interopRequireDefault(_grayPercentage); | ||
var theme = { | ||
title: 'US Web Design Standards', | ||
baseFontSize: '17px', | ||
title: "US Web Design Standards", | ||
baseFontSize: "17px", | ||
baseLineHeight: 1.53, | ||
scale: 2.35, | ||
googleFonts: [{ | ||
name: 'Merriweather', | ||
styles: ['700'] | ||
name: "Merriweather", | ||
styles: ["700"] | ||
}, { | ||
name: 'Source Sans Pro', | ||
styles: ['400', '400i', '700'] | ||
name: "Source Sans Pro", | ||
styles: ["400", "400i", "700"] | ||
}], | ||
headerFontFamily: ['Merriweather', 'serif'], | ||
bodyFontFamily: ['Source Sans Pro', 'sans-serif'], | ||
bodyColor: 'hsla(0,0%,0%,0.8)', | ||
headerFontFamily: ["Merriweather", "serif"], | ||
bodyFontFamily: ["Source Sans Pro", "sans-serif"], | ||
bodyColor: "hsla(0,0%,0%,0.8)", | ||
headerWeight: 700, | ||
@@ -46,14 +46,14 @@ bodyWeight: 400, | ||
h6: _extends({}, scale(-2 / 8), { | ||
fontFamily: options.bodyFontFamily.join(','), | ||
fontFamily: options.bodyFontFamily.join(","), | ||
fontWeight: options.bodyWeight, | ||
textTransform: 'uppercase' | ||
textTransform: "uppercase" | ||
}), | ||
a: { | ||
color: '#0071bc' | ||
color: "#0071bc" | ||
}, | ||
'a:visited': { | ||
color: '#4c2c92' | ||
"a:visited": { | ||
color: "#4c2c92" | ||
}, | ||
blockquote: _extends({}, scale(1 / 4), { | ||
borderLeft: rhythm(1 / 6) + ' solid', | ||
borderLeft: rhythm(1 / 6) + " solid", | ||
borderColor: (0, _grayPercentage2.default)(93), | ||
@@ -65,9 +65,9 @@ paddingTop: rhythm(1 / 3), | ||
}), | ||
'blockquote > :last-child': { | ||
"blockquote > :last-child": { | ||
marginBottom: 0 | ||
}, | ||
'blockquote cite': _extends({}, adjustFontSizeTo(options.baseFontSize), { | ||
"blockquote cite": _extends({}, adjustFontSizeTo(options.baseFontSize), { | ||
color: (0, _grayPercentage2.default)(54, 204), | ||
fontWeight: options.bodyWeight, | ||
fontStyle: 'normal' | ||
fontStyle: "normal" | ||
}) | ||
@@ -74,0 +74,0 @@ }; |
{ | ||
"name": "typography-theme-us-web-design-standards", | ||
"description": "A theme for Typography.js inspired by the US Web Design Standaards https://standards.usa.gov/typography/", | ||
"version": "0.16.18", | ||
"version": "0.16.19", | ||
"author": "Kyle Mathews <mathews.kyle@gmail.com>", | ||
@@ -30,3 +30,3 @@ "main": "./dist/index.js", | ||
}, | ||
"gitHead": "bdd749093e7055b5ab8fdcd7448ae5f1e88cad5f" | ||
"gitHead": "1a3bfc103d41d59f04e89573c2c87e1d95abdd12" | ||
} |
// @flow | ||
import type { OptionsType } from 'Types' | ||
import gray from 'gray-percentage' | ||
import type { OptionsType } from "Types" | ||
import gray from "gray-percentage" | ||
const theme: OptionsType = { | ||
title: 'US Web Design Standards', | ||
baseFontSize: '17px', | ||
title: "US Web Design Standards", | ||
baseFontSize: "17px", | ||
baseLineHeight: 1.53, | ||
@@ -12,13 +12,13 @@ scale: 2.35, | ||
{ | ||
name: 'Merriweather', | ||
styles: ['700'], | ||
name: "Merriweather", | ||
styles: ["700"], | ||
}, | ||
{ | ||
name: 'Source Sans Pro', | ||
styles: ['400', '400i', '700'], | ||
name: "Source Sans Pro", | ||
styles: ["400", "400i", "700"], | ||
}, | ||
], | ||
headerFontFamily: ['Merriweather', 'serif'], | ||
bodyFontFamily: ['Source Sans Pro', 'sans-serif'], | ||
bodyColor: 'hsla(0,0%,0%,0.8)', | ||
headerFontFamily: ["Merriweather", "serif"], | ||
bodyFontFamily: ["Source Sans Pro", "sans-serif"], | ||
bodyColor: "hsla(0,0%,0%,0.8)", | ||
headerWeight: 700, | ||
@@ -35,11 +35,11 @@ bodyWeight: 400, | ||
...scale(-2 / 8), | ||
fontFamily: options.bodyFontFamily.join(','), | ||
fontFamily: options.bodyFontFamily.join(","), | ||
fontWeight: options.bodyWeight, | ||
textTransform: 'uppercase', | ||
textTransform: "uppercase", | ||
}, | ||
a: { | ||
color: '#0071bc', | ||
color: "#0071bc", | ||
}, | ||
'a:visited': { | ||
color: '#4c2c92', | ||
"a:visited": { | ||
color: "#4c2c92", | ||
}, | ||
@@ -55,10 +55,10 @@ blockquote: { | ||
}, | ||
'blockquote > :last-child': { | ||
"blockquote > :last-child": { | ||
marginBottom: 0, | ||
}, | ||
'blockquote cite': { | ||
"blockquote cite": { | ||
...adjustFontSizeTo(options.baseFontSize), | ||
color: gray(54, 204), | ||
fontWeight: options.bodyWeight, | ||
fontStyle: 'normal', | ||
fontStyle: "normal", | ||
}, | ||
@@ -65,0 +65,0 @@ }), |