-
Notifications
You must be signed in to change notification settings - Fork 0
/
d0007318-de6400cac7062373cf17.js
2 lines (2 loc) · 4.86 KB
/
d0007318-de6400cac7062373cf17.js
1
2
"use strict";(self.webpackChunk_portfolio_blog=self.webpackChunk_portfolio_blog||[]).push([[804],{3640:function(n,e,t){t.d(e,{aS:function(){return V},ox:function(){return P}});var r,o,i,a,s,d,l,c,g,u,m,h,p,f,b,x,w,y=t(1004),v=t(6448),j=t(5668),k=t(2664),z=t(6196),R=t(7e3),C=function(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n},V=function(n){var e=(0,k.e)(n),t=e.title,r=e.subtitle,o=e.fold,i=e.expanded,a=e.size,s=e.card,d=e.children,l=(0,j.useRef)(null),c=(0,j.useState)(0),g=c[0],u=c[1];(0,j.useEffect)((function(){l.current&&u(l.current.clientHeight)}),[l]);var m=l.current?{height:i?"".concat(g/16,"rem"):0}:{};return(0,R.jsxs)(_,{card:s,children:[(0,R.jsxs)(M,{size:a,children:[(0,R.jsx)(I,{onClick:o,expanded:i,children:(0,R.jsxs)(L,{size:a,children:[t,(0,R.jsx)(N,{expanded:i,children:(0,R.jsx)("svg",{viewBox:"0 0 24 24",width:"24",height:"24",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none",shapeRendering:"geometricPrecision",children:(0,R.jsx)("path",{d:"M18 15l-6-6-6 6"})})})]})}),r&&(0,R.jsx)(E,{children:r})]}),(0,R.jsx)(O,{ref:l,style:m,children:(0,R.jsx)("div",{children:d})})]})},A=(0,z.G)(),P=(A[0],A[1]),_=(r||(r=C(["\n & > div:not(:last-of-type) {\n border-bottom: none;\n }\n"],["\n & > div:not(:last-of-type) {\n border-bottom: none;\n }\n"])),(0,y.c)("div",{target:"e18y9mn96"})(a||(a=C(["\n text-align: left;\n ","\n"],["\n text-align: left;\n ","\n"])),(function(n){var e=n.theme,t=n.card;return(0,v.gV)(i||(i=C(["\n border-top: 1px solid ",";\n border-bottom: 1px solid ",";\n\n ","\n "],["\n border-top: 1px solid ",";\n border-bottom: 1px solid ",";\n\n ","\n "])),e.colors.PRIMARY.ACCENT_2,e.colors.PRIMARY.ACCENT_2,t&&(0,v.gV)(o||(o=C(["\n padding: 1.5rem;\n box-shadow: ",";\n border-radius: 5px;\n border: none;\n "],["\n padding: 1.5rem;\n box-shadow: ",";\n border-radius: 5px;\n border: none;\n "])),e.shadows.SMALL))}))),M=(0,y.c)("h3",{target:"e18y9mn95"})(l||(l=C(["\n ","\n hyphens: auto;\n margin-top: 0;\n margin-bottom: 0;\n"],["\n ","\n hyphens: auto;\n margin-top: 0;\n margin-bottom: 0;\n"])),(function(n){return"small"===n.size?(0,v.gV)(s||(s=C(["\n font-size: 1rem;\n font-weight: 500;\n "],["\n font-size: 1rem;\n font-weight: 500;\n "]))):(0,v.gV)(d||(d=C(["\n font-weight: 600;\n font-size: 1.25rem;\n "],["\n font-weight: 600;\n font-size: 1.25rem;\n "])))})),E=(0,y.c)("span",{target:"e18y9mn94"})(g||(g=C(["\n font-size: 0.75rem;\n font-weight: 400;\n letter-spacing: normal;\n margin-bottom: 0;\n display: block;\n ","\n"],["\n font-size: 0.75rem;\n font-weight: 400;\n letter-spacing: normal;\n margin-bottom: 0;\n display: block;\n ","\n"])),(function(n){var e=n.theme;return(0,v.gV)(c||(c=C(["\n color: ",";\n "],["\n color: ",";\n "])),e.colors.PRIMARY.ACCENT_5)})),I=(0,y.c)("button",{target:"e18y9mn93"})(u||(u=C(["\n width: 100%;\n margin-bottom: 0;\n margin-top: 0;\n\n border: unset;\n background: unset;\n padding: unset;\n margin: unset;\n font: unset;\n text-align: unset;\n appearance: unset;\n"],["\n width: 100%;\n margin-bottom: 0;\n margin-top: 0;\n\n border: unset;\n background: unset;\n padding: unset;\n margin: unset;\n font: unset;\n text-align: unset;\n appearance: unset;\n"]))),L=(0,y.c)("span",{target:"e18y9mn92"})(f||(f=C(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n vertical-align: baseline;\n\n ","\n\n ",";\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n vertical-align: baseline;\n\n ","\n\n ",";\n"])),(function(n){return"small"===n.size?(0,v.gV)(m||(m=C(["\n padding: 0.75rem 0;\n "],["\n padding: 0.75rem 0;\n "]))):(0,v.gV)(h||(h=C(["\n padding: 1.5rem 0;\n "],["\n padding: 1.5rem 0;\n "])))}),(function(n){var e=n.theme;return(0,v.gV)(p||(p=C(["\n color: ",";\n "],["\n color: ",";\n "])),e.colors.PRIMARY.FOREGROUND)})),N=(0,y.c)("span",{target:"e18y9mn91"})(x||(x=C(["\n transition: transform 0.2s ease;\n ","\n"],["\n transition: transform 0.2s ease;\n ","\n"])),(function(n){return n.expanded&&(0,v.gV)(b||(b=C(["\n transform: rotate(180deg);\n "],["\n transform: rotate(180deg);\n "])))})),O=(0,y.c)("div",{target:"e18y9mn90"})(w||(w=C(["\n font-size: 1rem;\n line-height: 26px;\n overflow-y: hidden;\n will-change: height;\n transition: height 0.2s ease;\n\n & > div {\n margin: 1rem 0;\n }\n"],["\n font-size: 1rem;\n line-height: 26px;\n overflow-y: hidden;\n will-change: height;\n transition: height 0.2s ease;\n\n & > div {\n margin: 1rem 0;\n }\n"])))}}]);
//# sourceMappingURL=d0007318-de6400cac7062373cf17.js.map