neat-components/bundle.js

Combining Thoughtbot's Neat Grid system with Styled Components

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),r="LTR",n="RTL",e={color:null,columns:12,direction:r,gutter:"20px",media:null};function c(t,r,n){return r in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n,t}var o=function(t){var r=parseFloat(t);if(r){var n=t.split(r.toString(10));return n[n.length-1].trim()}return""},i=function(t){var r=parseFloat(t);return isNaN(r)?t:r},a=function(t,r){var n=t.columns,e=t.gutter;if(!n||void 0===e)return"0";var c=r/n,a=i(e),u=o(e);if(0===a)return"".concat(100*c,"%");var l="".concat(a+a*c).concat(u);return"".concat(100*c,"% - ").concat(l)},u=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"ltr";return"rtl"===t?"right":"left"},l=function(t){return"number"==typeof t?"only screen and (min-width: ".concat(t,"px)"):"string"==typeof t&&t};function d(){var t,r,n=(t=["\n    @media "," {\n      ","\n    }\n  "],r||(r=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(r)}})));return d=function(){return n},n}exports.default=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e;return{color:t.color||e.color,columns:t.columns||e.columns,direction:t.direction===r||t.direction===n?t.direction:e.direction,gutter:t.gutter||e.gutter,media:t.media||e.media}},exports.gridCollapse=function(t){var r,n=t.direction,e=t.gutter;if(!n||!e)return{};var a=o(e);if("%"===a)return{};var l=i(e);return c(r={},"margin-".concat(u(n)),"-".concat(e)),c(r,"margin-".concat(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"ltr";return"ltr"===t?"right":"rtl"===t?"left":void 0}(n)),"-".concat(e)),c(r,"width","calc(100% + ".concat(2*l).concat(a,")")),r},exports.gridColumn=function(t,r){var n=t.columns,e=t.direction,o=t.gutter;return(r=Math.floor(r))>n&&(r=n),c({width:"calc(".concat(a(t,r),")"),float:"".concat(u(e))},"margin-".concat(u(e)),o)},exports.gridContainer=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"&",r="".concat(t,"::after");return c({},r,{clear:"both",content:'""',display:"block"})},exports.gridMedia=function(r){var n=r.media;if(!n)return[];for(var e=arguments.length,c=new Array(e>1?e-1:0),o=1;o<e;o++)c[o-1]=arguments[o];return t.css(d(),l(n),t.css.apply(void 0,c))},exports.gridPush=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=t.direction,e=t.gutter;if(r>0){var l=i(e),d=o(e),f="".concat(2*l).concat(d);return c({},"margin-".concat(u(n)),"\n        calc(".concat(a(t,r)," + ").concat(f,")\n      "))}return c({},"margin-".concat(u(n)),e)},exports.gridShift=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=t.direction,e=t.gutter;if(!n||void 0===e)return{};if(r>0){var o,i=a(t,r);return c(o={},"".concat(u(n)),"\n        calc(".concat(i," + ").concat(e,")\n      ")),c(o,"position","relative"),o}return c({},"".concat(u(n)),e)},exports.gridVisual=function(t){var r=t.color,n=t.gutter;return n?(r=r||"",{"background-image":"\n      repeating-linear-gradient(\n        to right, transparent, transparent ".concat(n,",\n        ").concat(r," ").concat(n,",\n        ").concat(r," calc(").concat(a(t,1)," + ").concat(n,")\n      )\n    ")}):{}};