typography-theme-ocean-beach - npm Package Compare versions

Comparing version 0.16.18 to 0.16.19

dist/index.js

@@ -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,16 +25,16 @@ var _compassVerticalRhythm2 = _interopRequireDefault(_compassVerticalRhythm);
 var theme = {
-  title: 'Ocean Beach',
-  baseFontSize: '19px',
+  title: "Ocean Beach",
+  baseFontSize: "19px",
   baseLineHeight: 1.58,
   googleFonts: [{
-    name: 'Roboto Slab',
-    styles: ['700']
+    name: "Roboto Slab",
+    styles: ["700"]
   }, {
-    name: 'Roboto',
-    styles: ['400', '400i', '700']
+    name: "Roboto",
+    styles: ["400", "400i", "700"]
   }],
-  headerFontFamily: ['Roboto Slab', 'sans-serif'],
-  bodyFontFamily: ['Roboto', 'serif'],
-  headerColor: 'hsla(0,0%,0%,0.9)',
-  bodyColor: 'hsla(0,0%,0%,0.73)',
+  headerFontFamily: ["Roboto Slab", "sans-serif"],
+  bodyFontFamily: ["Roboto", "serif"],
+  headerColor: "hsla(0,0%,0%,0.9)",
+  bodyColor: "hsla(0,0%,0%,0.73)",
   headerWeight: 700,
@@ -48,6 +48,6 @@ bodyWeight: 400,
 
-    var linkColor = '#950451';
+    var linkColor = "#950451";
     var vr = (0, _compassVerticalRhythm2.default)({
-      baseFontSize: '17px',
-      baseLineHeight: '28px'
+      baseFontSize: "17px",
+      baseLineHeight: "28px"
     });
@@ -57,16 +57,16 @@ return _defineProperty({
         color: linkColor,
-        textDecoration: 'none',
-        textShadow: '.03em 0 #fff,-.03em 0 #fff,0 .03em #fff,0 -.03em #fff,.06em 0 #fff,-.06em 0 #fff,.09em 0 #fff,-.09em 0 #fff,.12em 0 #fff,-.12em 0 #fff,.15em 0 #fff,-.15em 0 #fff', // eslint-disable-line
-        backgroundImage: 'linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 1px, ' + linkColor + ' 1px, ' + linkColor + ' 2px, rgba(0, 0, 0, 0) 2px)' // eslint-disable-line
+        textDecoration: "none",
+        textShadow: ".03em 0 #fff,-.03em 0 #fff,0 .03em #fff,0 -.03em #fff,.06em 0 #fff,-.06em 0 #fff,.09em 0 #fff,-.09em 0 #fff,.12em 0 #fff,-.12em 0 #fff,.15em 0 #fff,-.15em 0 #fff", // eslint-disable-line
+        backgroundImage: "linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 1px, " + linkColor + " 1px, " + linkColor + " 2px, rgba(0, 0, 0, 0) 2px)" // eslint-disable-line
       },
-      'a:hover,a:active': {
-        textShadow: 'none',
-        backgroundImage: 'none'
+      "a:hover,a:active": {
+        textShadow: "none",
+        backgroundImage: "none"
       },
-      'h1,h2,h3,h4,h5,h6': {
+      "h1,h2,h3,h4,h5,h6": {
         marginTop: rhythm(2)
       },
       // children ol, ul
-      'li>ol,li>ul': {
-        marginLeft: '20px',
+      "li>ol,li>ul": {
+        marginLeft: "20px",
         marginBottom: 0
@@ -76,18 +76,18 @@ },
       blockquote: _extends({}, scale(1 / 5), {
-        borderLeft: rhythm(6 / 16) + ' solid ' + linkColor,
+        borderLeft: rhythm(6 / 16) + " solid " + linkColor,
         color: (0, _grayPercentage2.default)(35),
         paddingLeft: rhythm(10 / 16),
-        fontStyle: 'italic',
+        fontStyle: "italic",
         marginLeft: 0,
         marginRight: 0
       }),
-      'blockquote > :last-child': {
+      "blockquote > :last-child": {
         marginBottom: 0
       },
-      'blockquote cite': _extends({}, adjustFontSizeTo(options.baseFontSize), {
+      "blockquote cite": _extends({}, adjustFontSizeTo(options.baseFontSize), {
         color: options.bodyColor,
-        fontStyle: 'normal',
+        fontStyle: "normal",
         fontWeight: options.bodyWeight
       }),
-      'blockquote cite:before': {
+      "blockquote cite:before": {
         content: '"— "'
@@ -98,6 +98,6 @@ }
       blockquote: {
-        borderLeft: rhythm(3 / 16) + ' solid ' + linkColor,
+        borderLeft: rhythm(3 / 16) + " solid " + linkColor,
         color: (0, _grayPercentage2.default)(41),
         paddingLeft: rhythm(9 / 16),
-        fontStyle: 'italic',
+        fontStyle: "italic",
         marginLeft: rhythm(-3 / 4),
@@ -104,0 +104,0 @@ marginRight: 0

package.json

 {
   "name": "typography-theme-ocean-beach",
   "description": "A theme for Typography.js",
-  "version": "0.16.18",
+  "version": "0.16.19",
   "author": "Kyle Mathews <[e-mail]>",
   "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"
 }

src/index.js

 // @flow
-import gray from 'gray-percentage'
-import type { OptionsType } from 'Types'
-import { MOBILE_MEDIA_QUERY } from 'typography-breakpoint-constants'
-import verticalRhythm from 'compass-vertical-rhythm'
+import gray from "gray-percentage"
+import type { OptionsType } from "Types"
+import { MOBILE_MEDIA_QUERY } from "typography-breakpoint-constants"
+import verticalRhythm from "compass-vertical-rhythm"
 
 const theme: OptionsType = {
-  title: 'Ocean Beach',
-  baseFontSize: '19px',
+  title: "Ocean Beach",
+  baseFontSize: "19px",
   baseLineHeight: 1.58,
   googleFonts: [
     {
-      name: 'Roboto Slab',
-      styles: ['700'],
+      name: "Roboto Slab",
+      styles: ["700"],
     },
     {
-      name: 'Roboto',
-      styles: ['400', '400i', '700'],
+      name: "Roboto",
+      styles: ["400", "400i", "700"],
     },
   ],
-  headerFontFamily: ['Roboto Slab', 'sans-serif'],
-  bodyFontFamily: ['Roboto', 'serif'],
-  headerColor: 'hsla(0,0%,0%,0.9)',
-  bodyColor: 'hsla(0,0%,0%,0.73)',
+  headerFontFamily: ["Roboto Slab", "sans-serif"],
+  bodyFontFamily: ["Roboto", "serif"],
+  headerColor: "hsla(0,0%,0%,0.9)",
+  bodyColor: "hsla(0,0%,0%,0.73)",
   headerWeight: 700,
@@ -29,6 +29,6 @@ bodyWeight: 400,
   overrideStyles: ({ adjustFontSizeTo, scale, rhythm }, options) => {
-    const linkColor = '#950451'
+    const linkColor = "#950451"
     const vr = verticalRhythm({
-      baseFontSize: '17px',
-      baseLineHeight: '28px',
+      baseFontSize: "17px",
+      baseLineHeight: "28px",
     })
@@ -38,17 +38,17 @@ return {
         color: linkColor,
-        textDecoration: 'none',
+        textDecoration: "none",
         textShadow:
-          '.03em 0 #fff,-.03em 0 #fff,0 .03em #fff,0 -.03em #fff,.06em 0 #fff,-.06em 0 #fff,.09em 0 #fff,-.09em 0 #fff,.12em 0 #fff,-.12em 0 #fff,.15em 0 #fff,-.15em 0 #fff', // eslint-disable-line
+          ".03em 0 #fff,-.03em 0 #fff,0 .03em #fff,0 -.03em #fff,.06em 0 #fff,-.06em 0 #fff,.09em 0 #fff,-.09em 0 #fff,.12em 0 #fff,-.12em 0 #fff,.15em 0 #fff,-.15em 0 #fff", // eslint-disable-line
         backgroundImage: `linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 1px, ${linkColor} 1px, ${linkColor} 2px, rgba(0, 0, 0, 0) 2px)`, // eslint-disable-line
       },
-      'a:hover,a:active': {
-        textShadow: 'none',
-        backgroundImage: 'none',
+      "a:hover,a:active": {
+        textShadow: "none",
+        backgroundImage: "none",
       },
-      'h1,h2,h3,h4,h5,h6': {
+      "h1,h2,h3,h4,h5,h6": {
         marginTop: rhythm(2),
       },
       // children ol, ul
-      'li>ol,li>ul': {
-        marginLeft: '20px',
+      "li>ol,li>ul": {
+        marginLeft: "20px",
         marginBottom: 0,
@@ -62,16 +62,16 @@ },
         paddingLeft: rhythm(10 / 16),
-        fontStyle: 'italic',
+        fontStyle: "italic",
         marginLeft: 0,
         marginRight: 0,
       },
-      'blockquote > :last-child': {
+      "blockquote > :last-child": {
         marginBottom: 0,
       },
-      'blockquote cite': {
+      "blockquote cite": {
         ...adjustFontSizeTo(options.baseFontSize),
         color: options.bodyColor,
-        fontStyle: 'normal',
+        fontStyle: "normal",
         fontWeight: options.bodyWeight,
       },
-      'blockquote cite:before': {
+      "blockquote cite:before": {
         content: '"— "',
@@ -87,3 +87,3 @@ },
           paddingLeft: rhythm(9 / 16),
-          fontStyle: 'italic',
+          fontStyle: "italic",
           marginLeft: rhythm(-3 / 4),
@@ -90,0 +90,0 @@ marginRight: 0,

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No metric changes

Dependency changes

• Updatedtypography-breakpoint-constants@^0.16.19