typography-theme-funston - npm Package Compare versions

Comparing version 0.11.7 to 0.12.0

dist/index.js

@@ -13,5 +13,10 @@ 'use strict';
 
+var _typographyBreakpointConstants = require('typography-breakpoint-constants');
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var theme = {
+  title: 'Funston',
   baseFontSize: '20px',
@@ -35,4 +40,5 @@ baseLineHeight: '28px',
     var adjustFontSizeTo = _ref.adjustFontSizeTo;
+    var adjustFontSizeToMSValue = _ref.adjustFontSizeToMSValue;
     var rhythm = _ref.rhythm;
-    return {
+    return _defineProperty({
       html: {
@@ -50,3 +56,3 @@ '-webkit-font-smoothing': 'antialiased'
       },
-      blockquote: _extends({}, adjustFontSizeTo('23px'), {
+      blockquote: _extends({}, adjustFontSizeToMSValue(1 / 5), {
         color: (0, _grayPercentage2.default)(40),
@@ -56,11 +62,10 @@ paddingLeft: rhythm(13 / 16),
         borderLeft: rhythm(3 / 16) + ' solid ' + (0, _grayPercentage2.default)(13)
-      }),
-      '@media only screen and (max-width:480px)': {
-        blockquote: {
-          marginLeft: rhythm(-3 / 4),
-          paddingLeft: rhythm(9 / 16),
-          marginRight: 0
-        }
+      })
+    }, _typographyBreakpointConstants.MOBILE_MEDIA_QUERY, {
+      blockquote: {
+        marginLeft: rhythm(-3 / 4),
+        paddingLeft: rhythm(9 / 16),
+        marginRight: 0
       }
-    };
+    });
   }
@@ -67,0 +72,0 @@ };

package.json

 {
   "name": "typography-theme-funston",
   "description": "A theme for Typography.js",
-  "version": "0.11.7",
+  "version": "0.12.0",
   "author": "Kyle Mathews <[e-mail]>",
   "main": "./dist/index.js",
   "dependencies": {
-    "gray-percentage": "^1.1.2"
+    "gray-percentage": "^1.1.2",
+    "typography-breakpoint-constants": "^0.10.0"
   },
@@ -10,0 +11,0 @@ "keywords": [

src/index.js

 // @flow
 import type { OptionsType } from 'Types'
 import gray from 'gray-percentage'
+import { MOBILE_MEDIA_QUERY } from 'typography-breakpoint-constants'
 
 const theme: OptionsType = {
+  title: 'Funston',
   baseFontSize: '20px',
@@ -30,3 +32,3 @@ baseLineHeight: '28px',
   boldWeight: 700,
-  overrideStyles: ({ adjustFontSizeTo, rhythm }, options) => ({
+  overrideStyles: ({ adjustFontSizeTo, adjustFontSizeToMSValue, rhythm }, options) => ({
     html: {
@@ -45,3 +47,3 @@ '-webkit-font-smoothing': 'antialiased',
     blockquote: {
-      ...adjustFontSizeTo('23px'),
+      ...adjustFontSizeToMSValue(1/5),
       color: gray(40),
@@ -52,3 +54,3 @@ paddingLeft: rhythm(13/16),
     },
-    '@media only screen and (max-width:480px)': {
+    [MOBILE_MEDIA_QUERY]: {
       blockquote: {
@@ -55,0 +57,0 @@ marginLeft: rhythm(-3/4),

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

Improved metrics

Total package byte prevSize

17904

increased by56.5%

Lines of code

120

increased by4.35%

Worsened metrics

Dependency count

2

increased by100%

Dependency changes

• + Addedtypography-breakpoint-constants@^0.10.0

• + Addedtypography-breakpoint-constants@0.10.0(transitive)