https://anthonymineo.com/_next/static/chunks/pages/bootstrap-4-psd…d-guideguide-preset-6572d9941818eeb11eaf.js

1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[10],{"1OyB":function(t,e,r){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}r.d(e,"a",(function(){return n}))},"5Epl":function(t,e,r){"use strict";var n=r("nKUr"),o=r("Ff2n"),c=r("1OyB"),i=r("vuIU"),u=r("JX7q"),a=r("Ji7U"),s=r("md7G"),p=r("foSv"),l=r("rePB"),d=r("q1tI"),b=r("JjeS"),f=r("g4pe"),j=r.n(f);function h(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function O(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?h(Object(r),!0).forEach((function(e){Object(l.a)(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function m(t){var e=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=Object(p.a)(t);if(e){var o=Object(p.a)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return Object(s.a)(this,r)}}var g=function(t){Object(a.a)(r,t);var e=m(r);function r(){var t;Object(c.a)(this,r);for(var n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return t=e.call.apply(e,[this].concat(o)),Object(l.a)(Object(u.a)(t),"state",{src:t.props.src}),t}return Object(i.a)(r,[{key:"render",value:function(){var t=this.props,e=t.caption,r=t.width,c=t.height,i=t.isAmp,u=t.video,a=void 0!==u&&u,s=t.videoSrc,p=(t.captionSpacing,t.renderImage),l=(t.oversize,t.float,t.shadow,t.style,Object(o.a)(t,["caption","width","height","isAmp","video","videoSrc","captionSpacing","renderImage","oversize","float","shadow","style"]));return Object(n.jsxs)(n.Fragment,{children:[i?s||a?Object(n.jsxs)(n.Fragment,{children:[Object(n.jsx)(j.a,{children:Object(n.jsx)("script",{async:!0,"custom-element":"amp-video",src:"https://cdn.ampproject.org/v0/amp-video-0.1.js"},"amp-video")}),Object(n.jsx)("amp-video",{layout:"responsive",src:l.videoSrc||l.src,width:r,height:c,muted:"muted",autoPlay:"autoplay",loop:"loop"})]}):Object(n.jsx)("amp-img",{layout:"responsive",src:l.src,width:r,height:c,alt:l.alt}):this.state.src?s||a?Object(n.jsx)("video",{src:this.state.src,muted:!0,autoPlay:!0,loop:!0,playsInline:!0}):p?p(l):Object(n.jsx)("img",{src:this.state.src||null,alt:l.alt}):null,e&&Object(n.jsx)("figcaption",{children:e})]})}}]),r}(d.Component);e.a=function(t){var e=Object(b.useAmp)();return Object(n.jsx)(g,O(O({},t),{},{isAmp:e}))}},"6EDR":function(t,e,r){"use strict";e.a="/_next/static/media/card.bd12f6aa1c675f25efe79d36711fcfad.jpg"},"9h1d":function(t,e,r){"use strict";r.d(e,"a",(function(){return o})),r.d(e,"b",(function(){return c})),r.d(e,"c",(function(){return i}));var n=r("nKUr"),o=(r("q1tI"),function(t){var e=t.children;return Object(n.jsx)("span",{className:"bg-yellow-100",children:e})}),c=function(){return Object(n.jsx)("svg",{viewBox:"0 0 65 19",xmlns:"http://www.w3.org/2000/svg",fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"2",className:"w-15 mx-auto my-10",children:Object(n.jsx)("path",{d:"M28.0298 17.9339c-.17881 0-.49174-.22352-.93877-.67056-.44704-.44703-.75997-.90897-.93879-1.38581-1.07289-3.03987-2.4736-4.91743-4.20216-5.63269-1.72855-.71526-3.78492-.56625-6.16913.44704-1.37091.53645-2.84614.62585-4.42568.26822-1.57953-.35763-3.11436-.98348-4.6045-1.87756-1.49012-.89407-2.83124-1.96697-4.02334-3.21867C1.53533 4.61216.64125 3.36045.0452 2.10874c-.0596-.0596-.0596-.32783 0-.80467S.22402.4398.40283.14177c.11921-.0596.32783-.1043.62586-.1341.29802-.02981.53644.0149.71526.1341C3.23408.91664 4.33677 1.75111 5.05203 2.6452 6.36334 4.19492 7.76406 5.28272 9.2542 5.90857c1.49013.62585 3.21868.78977 5.18565.49174 4.5896-.53644 8.82156-.50664 12.69589.0894 1.60934.23843 3.20377.58116 4.78331 1.0282 1.57954.44704 3.14417.90898 4.6939 1.38582.65566.17881 1.32622.37253 2.01168.58115.68545.20861 1.35601.40233 2.01167.58115l2.68223.80467c1.788

115.47684 3.5614.96858 5.31976 1.47522 1.75835.50665 3.5316.99839 5.31975 1.47523 3.27828 1.0729 5.63269-.0596 7.06321-3.3975.23842-.47683.56625-.96858.98348-1.47522.41724-.50664.92388-.81957 1.51993-.93878.65566.47684 1.0431 1.1772 1.1623 2.10108.11921.92388.11921 1.71365 0 2.3693-.65565 2.50342-1.81795 4.29157-3.4869 5.36446-1.60933 1.0133-3.6061 1.25171-5.99031.71527-1.90736-.47685-3.82963-1.0133-5.7668-1.60934a186.04822 186.04822 0 01-5.76679-1.87756 92.87381 92.87381 0 00-2.68223-.84938 92.87381 92.87381 0 01-2.68223-.84937c-.47684-.17881-.95368-.32783-1.43052-.44704l-1.43053-.35763-2.23519-.62585-.26822.71526-.53645 1.34111c-.1192.41724-.23842.80467-.35763 1.1623-.1192.35763-.29802.65566-.53644.89408-.53645.53645-1.1325.98349-1.78816 1.34112-.65565.35763-1.2219.53644-1.69874.53644z",fill:"#D7DDE7",fillRule:"nonzero"})})},i=function(){return Object(n.jsx)("svg",{viewBox:"0 0 65 19",xmlns:"http://www.w3.org/2000/svg",fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"2",className:"w-10 mx-auto my-10",children:Object(n.jsx)("path",{d:"M28.0298 17.9339c-.17881 0-.49174-.22352-.93877-.67056-.44704-.44703-.75997-.90897-.93879-1.38581-1.07289-3.03987-2.4736-4.91743-4.20216-5.63269-1.72855-.71526-3.78492-.56625-6.16913.44704-1.37091.53645-2.84614.62585-4.42568.26822-1.57953-.35763-3.11436-.98348-4.6045-1.87756-1.49012-.89407-2.83124-1.96697-4.02334-3.21867C1.53533 4.61216.64125 3.36045.0452 2.10874c-.0596-.0596-.0596-.32783 0-.80467S.22402.4398.40283.14177c.11921-.0596.32783-.1043.62586-.1341.29802-.02981.53644.0149.71526.1341C3.23408.91664 4.33677 1.75111 5.05203 2.6452 6.36334 4.19492 7.76406 5.28272 9.2542 5.90857c1.49013.62585 3.21868.78977 5.18565.49174 4.5896-.53644 8.82156-.50664 12.69589.0894 1.60934.23843 3.20377.58116 4.78331 1.0282 1.57954.44704 3.14417.90898 4.6939 1.38582.65566.17881 1.32622.37253 2.01168.58115.68545.20861 1.35601.40233 2.01167.58115l2.68223.80467c1.78815.47684 3.5614.96858 5.31976 1.47522 1.75835.50665 3.5316.99839 5.31975 1.47523 3.27828 1.0729 5.63269-.0596 7.06321-3.3975.23842-.47683.56625-.96858.98348-1.47522.41724-.50664.92388-.81957 1.51993-.93878.65566.47684 1.0431 1.1772 1.1623 2.10108.11921.92388.11921 1.71365 0 2.3693-.65565 2.50342-1.81795 4.29157-3.4869 5.36446-1.60933 1.0133-3.6061 1.25171-5.99031.71527-1.90736-.47685-3.82963-1.0133-5.7668-1.60934a186.04822 186.04822 0 01-5.76679-1.87756 92.87381 92.87381 0 00-2.68223-.84938 92.87381 92.87381 0 01-2.68223-.84937c-.47684-.17881-.95368-.32783-1.43052-.44704l-1.43053-.35763-2.23519-.62585-.26822.71526-.53645 1.34111c-.1192.41724-.23842.80467-.35763 1.1623-.1192.35763-.29802.65566-.53644.89408-.53645.53645-1.1325.98349-1.78816 1.34112-.65565.35763-1.2219.53644-1.69874.53644z",fill:"#F4F5F7",fillRule:"nonzero"})})}},GSHJ:function(t,e,r){"use strict";r.r(e),r.d(e,"__N_SSG",(function(){return b})),r.d(e,"meta",(function(){return f})),r.d(e,"config",(function(){return j})),r.d(e,"default",(function(){return m}));var n=r("Ff2n"),o=r("rePB"),c=(r("q1tI"),r("7ljp")),i=r("CZVI"),u=(r("9h1d"),r("5Epl")),a=r("iBhN"),s=r("6EDR"),p=r("QVF0");function l(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function d(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?l(Object(r),!0).forEach((function(e){Object(o.a)(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var b=!0,f={draft:!1,featured:!1,title:"Bootstrap 4 PSD Grid & GuideGuide Preset",description:"I created a simple boilerplate for Bootstrap 4's Grid with the awesome GuideGuide plugin in Photoshop.",date:"2016-06-16T19:44:00.0Z",updated:"2020-08-27T20:00:00.0Z",authors:[a.a],tags:[Object(p.c)("Photoshop"),Object(p.c)("Design")],slug:"/bootstrap-4-psd-grid-guideguide-preset/",image:s.a,repo:"https://gist.github.com/amineo/cc3235877c2bcd10811a62f1bb99dd3c#file-grids-json"},j={amp:"hybrid"},h={meta:f,config:j},O=function(t){return Object(c.b)(i.a,d({meta:f},t))};function m(t){var e=t.components,r=Object(n.a)(t,["components"]);return Object(c.b)(O,d(d(d({},h),r),{},{components:e,mdxType:"MDXLayout"}),Object(c.b)(u.a,{src:"/content/images/2018/02/bs4-grids-artboard-1.png",alt:"Bootstrap 4 PSD Grid & GuideGuide Preset",width:"1599",height:"1173",mdxType:"Image"}),Object(c.b)("p",null,"I created a simple boilerplate for ",Object(c.b)("a",d({parentName:"p"},{href:"http://v4-alpha.getbootstrap.com/layout/grid/#grid-options"}),"Bootstrap 4's Grid")," with the awesome GuideGuide plugin in Photoshop."),Object(c.b)("p",null,"The template includes artboards for: "),Object(c.b)("ul",null,Object(c.b)("li",{parentName:"ul"},"XL ( 1140px )"),Object(c.b)("li",{parentName:"ul"},"LG ( 940px )"),Object(c.b)("li",{parentName:"ul"},"MD ( 720px )"),Object(c.b)("li",{parentName:"ul"},"SM ( 576px )"),Object(c.b)("li",{parentName:"ul"},"XS ( < SM )")),Object(c.b)("p",null,Object(c.b)("a",d({parentName:"p"},{href:"https://www.dropbox.com/s/2dzor0shyofoecx/bs4-grid.psd?dl=0"}),"PSD Grid Download")),Object(c.b)("hr",null),Object(c.b)("h3",null,"GuideGuide Plugin"),Object(c.b)("p",null,Object(c.b)("a",d({parentName:"p"},{href:"https://guideguide.me/"}),"https://guideguide.me/")),Object(c.b)("p",null,"If you don't have GuideGuide I recommend you give it a try. It's a real timesaver and honestly the functionality it provides should be baked into Photoshop."),Object(c.b)("p",null,"You can import my grid presets using the gist URL below."),Object(c.b)(u.a,{src:"/content/images/2018/02/bs4-guideguide-import.png",alt:"Bootstrap 4 GuideGuide Import",width:"274",height:"425",mdxType:"Image"}),Object(c.b)("pre",null,Object(c.b)("code",d({parentName:"pre"},{}),"GuideGuide Gist URL:\nhttps://gist.github.com/amineo/cc3235877c2bcd10811a62f1bb99dd3c#file-grids-json\n")))}m.isMDXComponent=!0},JSUz:function(t,e,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/bootstrap-4-psd-grid-guideguide-preset",function(){return r("GSHJ")}])},JX7q:function(t,e,r){"use strict";function n(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}r.d(e,"a",(function(){return n}))},Ji7U:function(t,e,r){"use strict";

1function n(t,e){return(n=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function o(t,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n(t,e)}r.d(e,"a",(function(){return o}))},foSv:function(t,e,r){"use strict";function n(t){return(n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}r.d(e,"a",(function(){return n}))},md7G:function(t,e,r){"use strict";function n(t){return(n="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}r.d(e,"a",(function(){return c}));var o=r("JX7q");function c(t,e){return!e||"object"!==n(e)&&"function"!==typeof e?Object(o.a)(t):e}},vuIU:function(t,e,r){"use strict";function n(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function o(t,e,r){return e&&n(t.prototype,e),r&&n(t,r),t}r.d(e,"a",(function(){return o}))}},[["JSUz",0,1,2,3,4]]]);