typography-theme-moraga
Advanced tools
Comparing version 0.16.18 to 0.16.19
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -9,9 +9,9 @@ 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"); | ||
var _compassVerticalRhythm = require('compass-vertical-rhythm'); | ||
var _compassVerticalRhythm = require("compass-vertical-rhythm"); | ||
@@ -25,15 +25,15 @@ var _compassVerticalRhythm2 = _interopRequireDefault(_compassVerticalRhythm); | ||
var theme = { | ||
title: 'Moraga', | ||
baseFontSize: '18px', | ||
title: "Moraga", | ||
baseFontSize: "18px", | ||
baseLineHeight: 1.56, | ||
googleFonts: [{ | ||
name: 'Source Sans Pro', | ||
styles: ['200', '400', '400i', '700'] | ||
name: "Source Sans Pro", | ||
styles: ["200", "400", "400i", "700"] | ||
}], | ||
scaleRatio: 2.5, | ||
headerFontFamily: ['Source Sans Pro', 'sans-serif'], | ||
bodyFontFamily: ['Source Sans Pro', 'sans-serif'], | ||
headerColor: 'hsla(0,0%,0%,0.85)', | ||
bodyColor: 'hsla(0,0%,0%,0.7)', | ||
headerWeight: '200', | ||
headerFontFamily: ["Source Sans Pro", "sans-serif"], | ||
bodyFontFamily: ["Source Sans Pro", "sans-serif"], | ||
headerColor: "hsla(0,0%,0%,0.85)", | ||
bodyColor: "hsla(0,0%,0%,0.7)", | ||
headerWeight: "200", | ||
bodyWeight: 400, | ||
@@ -46,8 +46,8 @@ boldWeight: 700, | ||
var vr = (0, _compassVerticalRhythm2.default)({ | ||
baseFontSize: '16px', | ||
baseLineHeight: '24.88px' | ||
baseFontSize: "16px", | ||
baseLineHeight: "24.88px" | ||
}); | ||
var styles = _defineProperty({ | ||
'h1 a,h2 a,h3 a,h4 a,h5 a,h6 a': { | ||
"h1 a,h2 a,h3 a,h4 a,h5 a,h6 a": { | ||
fontWeight: options.headerWeight | ||
@@ -57,8 +57,8 @@ }, | ||
fontWeight: 400, | ||
color: '#419eda', | ||
textDecoration: 'none' | ||
color: "#419eda", | ||
textDecoration: "none" | ||
}, | ||
'a:hover': { | ||
color: '#2a6496', | ||
textDecoration: 'underline' | ||
"a:hover": { | ||
color: "#2a6496", | ||
textDecoration: "underline" | ||
}, | ||
@@ -69,3 +69,3 @@ blockquote: _extends({}, scale(1 / 5), { | ||
marginLeft: 0, | ||
borderLeft: rhythm(1 / 4) + ' solid ' + (0, _grayPercentage2.default)(87) | ||
borderLeft: rhythm(1 / 4) + " solid " + (0, _grayPercentage2.default)(87) | ||
}) | ||
@@ -72,0 +72,0 @@ }, _typographyBreakpointConstants.TABLET_MEDIA_QUERY, { |
{ | ||
"name": "typography-theme-moraga", | ||
"description": "A theme for Typography.js", | ||
"version": "0.16.18", | ||
"version": "0.16.19", | ||
"author": "Kyle Mathews <mathews.kyle@gmail.com>", | ||
@@ -10,3 +10,3 @@ "main": "./dist/index.js", | ||
"gray-percentage": "^2.0.0", | ||
"typography-breakpoint-constants": "^0.16.18" | ||
"typography-breakpoint-constants": "^0.16.19" | ||
}, | ||
@@ -33,3 +33,3 @@ "keywords": [ | ||
}, | ||
"gitHead": "bdd749093e7055b5ab8fdcd7448ae5f1e88cad5f" | ||
"gitHead": "1a3bfc103d41d59f04e89573c2c87e1d95abdd12" | ||
} |
// @flow | ||
import type { OptionsType } from 'Types' | ||
import gray from 'gray-percentage' | ||
import { TABLET_MEDIA_QUERY } from 'typography-breakpoint-constants' | ||
import verticalRhythm from 'compass-vertical-rhythm' | ||
import type { OptionsType } from "Types" | ||
import gray from "gray-percentage" | ||
import { TABLET_MEDIA_QUERY } from "typography-breakpoint-constants" | ||
import verticalRhythm from "compass-vertical-rhythm" | ||
const theme: OptionsType = { | ||
title: 'Moraga', | ||
baseFontSize: '18px', | ||
title: "Moraga", | ||
baseFontSize: "18px", | ||
baseLineHeight: 1.56, | ||
googleFonts: [ | ||
{ | ||
name: 'Source Sans Pro', | ||
styles: ['200', '400', '400i', '700'], | ||
name: "Source Sans Pro", | ||
styles: ["200", "400", "400i", "700"], | ||
}, | ||
], | ||
scaleRatio: 2.5, | ||
headerFontFamily: ['Source Sans Pro', 'sans-serif'], | ||
bodyFontFamily: ['Source Sans Pro', 'sans-serif'], | ||
headerColor: 'hsla(0,0%,0%,0.85)', | ||
bodyColor: 'hsla(0,0%,0%,0.7)', | ||
headerWeight: '200', | ||
headerFontFamily: ["Source Sans Pro", "sans-serif"], | ||
bodyFontFamily: ["Source Sans Pro", "sans-serif"], | ||
headerColor: "hsla(0,0%,0%,0.85)", | ||
bodyColor: "hsla(0,0%,0%,0.7)", | ||
headerWeight: "200", | ||
bodyWeight: 400, | ||
@@ -27,8 +27,8 @@ boldWeight: 700, | ||
const vr = verticalRhythm({ | ||
baseFontSize: '16px', | ||
baseLineHeight: '24.88px', | ||
baseFontSize: "16px", | ||
baseLineHeight: "24.88px", | ||
}) | ||
const styles = { | ||
'h1 a,h2 a,h3 a,h4 a,h5 a,h6 a': { | ||
"h1 a,h2 a,h3 a,h4 a,h5 a,h6 a": { | ||
fontWeight: options.headerWeight, | ||
@@ -38,8 +38,8 @@ }, | ||
fontWeight: 400, | ||
color: '#419eda', | ||
textDecoration: 'none', | ||
color: "#419eda", | ||
textDecoration: "none", | ||
}, | ||
'a:hover': { | ||
color: '#2a6496', | ||
textDecoration: 'underline', | ||
"a:hover": { | ||
color: "#2a6496", | ||
textDecoration: "underline", | ||
}, | ||
@@ -46,0 +46,0 @@ blockquote: { |