text: (window.webpackJsonp=window.webpackJsonp||[]).push([[8],{N1Sj:function(e,a,t){"use strict";t("RkQl");var n=t("q1tI"),i=t.n(n);a.a=function(e){var a=e.children;return i.a.createElement("div",{className:"example-group"},a)}},Y1a1:function(e,a,t){"use strict";t.r(a);t("6rCG");var n=t("q1tI"),i=t.n(n),l=t("Bl7J"),s=t("y62J"),c=t("qHf/"),r=t("N1Sj"),m=t("D3x9"),d=t("UYIE"),o=t("gs2d");a.default=function(){return i.a.createElement(l.a,null,i.a.createElement("article",{className:"page page--white-space"},i.a.createElement("header",{className:"page__header"},i.a.createElement(s.a,{level:1},"White Space"),i.a.createElement("div",{className:"white-space"},i.a.createElement(r.a,null,i.a.createElement(m.a,null,i.a.createElement(d.a,{title:"Column Gutters",subtitle:"2 x line-height"}),i.a.createElement("div",{className:"white-space__two-col"},i.a.createElement(o.a,{margin:[0,18,0,0],padding:[0],unit:"pt"},i.a.createElement(c.a,null,"Blocks of information may be visually seperated using generous amounts of white space.")),i.a.createElement(o.a,{margin:[0,0,0,18],padding:[0],unit:"pt"},i.a.createElement(c.a,null,"The space between text columns should be atleast two times the line-height. In this example the center gutter is 2 x 18pt.")))))))))}},gs2d:function(e,a,t){"use strict";t("S07h");var n=t("q1tI"),i=t.n(n),l=t("syrB"),s=t("IdFE"),c=(t("LREx"),function(e){var a=e.size,t=e.unit;return i.a.createElement("div",{className:"h-dimension",title:""+a+t},i.a.createElement("div",{className:"h-dimension__size"},""+a+t),i.a.createElement("div",{className:"h-dimension__line"},i.a.createElement("div",{className:"h-dimension__left-end"}),i.a.createElement("div",{className:"h-dimension__left-line"}),i.a.createElement("div",{className:"h-dimension__right-line"}),i.a.createElement("div",{className:"h-dimension__right-end"})))}),r=function(e){var a=e.size,t=e.unit;return i.a.createElement("div",{className:"v-dimension",title:""+a+t},i.a.createElement("div",{className:"v-dimension__line"},i.a.createElement("div",{className:"v-dimension__top-end"}),i.a.createElement("div",{className:"v-dimension__top-line"}),i.a.createElement("div",{className:"v-dimension__size"},""+a+t),i.a.createElement("div",{className:"v-dimension__bottom-line"}),i.a.createElement("div",{className:"v-dimension__bottom-end"})))};a.a=function(e){var a=e.padding,t=e.margin,m=e.unit,d=void 0===m?"px":m,o=e.children,v=e.defaultReveal,h=void 0!==v&&v,p=0,u=0,_=0,g=0;1===t.length?p=u=_=g=t[0]:2===t.length?(_=g=t[0],p=u=t[1]):4===t.length&&(_=t[0],u=t[1],g=t[2],p=t[3]);var E=0,N=0,w=0,b=0;1===a.length?E=N=w=b=a[0]:2===a.length?(w=b=a[0],E=N=a[1]):4===a.length&&(w=a[0],N=a[1],b=a[2],E=a[3]);var f=Object(n.useState)(h),x=f[0],y=f[1];return i.a.createElement("div",{className:"reveal-box-white-space "+(x?"reveal-box-white-space--active":"reveal-box-white-space--inactive"),style:{paddingLeft:""+p+d,paddingRight:""+u+d,paddingBottom:""+g+d,paddingTop:""+_+d},onClick:function(){return y(!x)}},i.a.createElement("div",{className:"reveal-box-white-space__button"},i.a.createElement(l.a,{onClick:function(){return y(!x)},className:"reveal-box-white-space__icon-button"},i.a.createElement(s.a,{className:"reveal-box-white-space__button__icon"}))),i.a.createElement("div",{className:"reveal-box-white-space__top-margin",style:{height:""+_+d}},_>0&&i.a.createElement(r,{size:_,unit:d})),i.a.createElement("div",{className:"reveal-box-white-space__bottom-margin",style:{height:""+g+d}},g>0&&i.a.createElement(r,{size:g,unit:d})),i.a.createElement("div",{className:"reveal-box-white-space__left-margin",style:{width:""+p+d}},p>0&&i.a.createElement(c,{size:p,unit:d})),i.a.createElement("div",{className:"reveal-box-white-space__right-margin",style:{width:""+u+d}},u>0&&i.a.createElement(c,{size:u,unit:d})),i.a.createElement("div",{className:"reveal-box-white-space__spacer",style:{paddingLeft:E,paddingRight:N,paddingTop:w,paddingBottom:b}},i.a.createElement("div",{className:"reveal-box-white-space__top-padding",style:{height:""+w+d}}),i.a.createElement("div",{className:"reveal-box-white-space__bottom-padding",style:{height:""+b+d}}),i.a.createElement("div",{className:"reveal-box-white-space__left-padding",style:{width:""+E+d}}),i.a.createElement("div",{className:"reveal-box-white-space__right-padding",style:{width:""+N+d}}),o))}},"qHf/":function(e,a,t){"use strict";t("IlD3");var n=t("q1tI"),i=t.n(n);a.a=function(e){var a=e.variantName,t=e.className,n=void 0===t?"":t,l=e.children;return i.a.createElement("p",{className:"style-p "+(a?"style-p--"+a:"")+" "+n},l)}}}]);
  //# sourceMappingURL=component---src-pages-white-space-js-96239f09459dec50fe23.js.map