1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,6545,e=>{e.v({"twic-abstract":"index-module-scss-module__jFUJqq__twic-abstract"})},64592,e=>{"use strict";var t=e.i(91398);e.i(91788);var s=e.i(6545);e.s(["TwicAbstract",0,({title:e,children:i})=>(0,t.jsxs)("div",{className:s.default["twic-abstract"],children:[(0,t.jsx)("h1",{children:e}),(0,t.jsx)("div",{children:i})]})])},13584,(e,t,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(s,"HeadManagerContext",{enumerable:!0,get:function(){return i}});let i=e.r(41705)._(e.r(91788)).default.createContext({})},94470,(e,t,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(s,"warnOnce",{enumerable:!0,get:function(){return i}});let i=e=>{}},82165,e=>{e.v({"style-driven-responsive":"index-module-scss-module__NHzo6G__style-driven-responsive"})},1694,e=>{"use strict";var t=e.i(91398);e.i(91788);var s=e.i(64592),i=e.i(31702),r=e.i(40413),n=e.i(82165);e.s(["default",0,()=>(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)(i.TwicWrapper,{filename:"pages/art-directions/index.jsx",children:[(0,t.jsxs)(s.TwicAbstract,{title:"Art directions with CSS media queries",children:[(0,t.jsx)("p",{children:"Setting up components using CSS enables hassle-free responsive designs."}),(0,t.jsx)("p",{children:"You do not need to create a set of images derived from the original."}),(0,t.jsx)("p",{children:"You only need to manage a master image in your template: TwicPics understands your CSS and does the rest."}),(0,t.jsxs)("p",{children:[(0,t.jsx)("strong",{children:"Change the width of your browser "}),"to see the image ratio adapt according to the CSS rules."]})]}),(0,t.jsx)("div",{className:`twic-item ${n.default["style-driven-responsive"]}`,children:(0,t.jsx)(r.TwicImg,{src:"components/greece.jpg",focus:"48px100p"})})]})})])},5869,(e,t,s)=>{let i="/art-directions";(window.__NEXT_P=window.__NEXT_P||[]).push([i,()=>e.r(1694)]),t.hot&&t.hot.dispose(function(){window.__NEXT_P.push([i])})},48761,e=>{e.v(t=>Promise.all(["static/chunks/fd7c0943d5cd5e09.js"].map(t=>e.l(t))).then(()=>t(93594)))},28805,e=>{e.v(t=>Promise.all(["static/chunks/3dcc93bb4829c1ba.js"].map(t=>e.l(t))).then(()=>t(79466)))}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.