styled-bootstrap-grid - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

dist/styled/media.js

@@ -7,3 +7,4 @@ 'use strict';
 
-var _templateObject = _taggedTemplateLiteral(['\n    @media (min-width: ', 'px) {\n      ', '\n    }\n  '], ['\n    @media (min-width: ', 'px) {\n      ', '\n    }\n  ']);
+var _templateObject = _taggedTemplateLiteral(['\n\t  @media (max-width: ', 'px) {\n\t    ', '\n\t  }\n\t'], ['\n\t  @media (max-width: ', 'px) {\n\t    ', '\n\t  }\n\t']),
+    _templateObject2 = _taggedTemplateLiteral(['\n      @media (min-width: ', 'px) {\n        ', '\n      }\n    '], ['\n      @media (min-width: ', 'px) {\n        ', '\n      }\n    ']);
 
@@ -22,5 +23,11 @@ var _styledComponents = require('styled-components');
 var media = Object.keys(sizes).reduce(function (accumulator, label) {
-  accumulator[label] = function () {
-    return (0, _styledComponents.css)(_templateObject, sizes[label], _styledComponents.css.apply(undefined, arguments));
-  };
+  if (label === 'phone') {
+    accumulator[label] = function () {
+      return (0, _styledComponents.css)(_templateObject, sizes.tablet - 1, _styledComponents.css.apply(undefined, arguments));
+    };
+  } else {
+    accumulator[label] = function () {
+      return (0, _styledComponents.css)(_templateObject2, sizes[label], _styledComponents.css.apply(undefined, arguments));
+    };
+  }
   return accumulator;
@@ -27,0 +34,0 @@ }, {});

package.json

 {
   "name": "styled-bootstrap-grid",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "bootstrap grid system using styled components",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

src/styled/media.js

@@ -11,7 +11,15 @@ import { css } from 'styled-components';
 const media = Object.keys(sizes).reduce((accumulator, label) => {
-  accumulator[label] = (...args) => css`
-    @media (min-width: ${sizes[label]}px) {
-      ${css(...args)}
-    }
-  `;
+  if (label === 'phone') {
+    accumulator[label] = (...args) => css`
+	  @media (max-width: ${sizes.tablet - 1}px) {
+	    ${css(...args)}
+	  }
+	`;
+  } else {
+    accumulator[label] = (...args) => css`
+      @media (min-width: ${sizes[label]}px) {
+        ${css(...args)}
+      }
+    `;
+  }
   return accumulator;
@@ -18,0 +26,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

Improved metrics

Total package byte prevSize

107069

increased by170.71%

Number of package files

31

increased by6.9%

Lines of code

2840

increased by196.45%

No dependency changes