1"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[1830],{553:(e,n,i)=>{i.d(n,{R:()=>l,x:()=>r});var t=i(11979);const s={},h=t.createContext(s);function l(e){const n=t.useContext(h);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function r(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),t.createElement(h.Provider,{value:n},e.children)}},54530:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>a,contentTitle:()=>r,default:()=>c,frontMatter:()=>l,metadata:()=>t,toc:()=>d});const t=JSON.parse('{"id":"@designto-code/flags/--max-height","title":"Max Height flag","description":"Add max-height property for your responsive design with flags.","source":"@site/docs/@designto-code/flags/--max-height.md","sourceDirName":"@designto-code/flags","slug":"/@designto-code/flags/--max-height","permalink":"/docs/@designto-code/flags/--max-height","draft":false,"unlisted":false,"editUrl":"https://github.com/gridaco/grida/tree/main/docs/docs/@designto-code/flags/--max-height.md","tags":[],"version":"current","frontMatter":{"title":"Max Height flag","description":"Add max-height property for your responsive design with flags.","id":"--max-height","locale":"en","locales":["en","ko"],"stage":["production","staging","experimental"]},"sidebar":"apiSidebar","previous":{"title":"Max Width flag","permalink":"/docs/@designto-code/flags/--max-width"},"next":{"title":"Fix Width flag","permalink":"/docs/@designto-code/flags/--fix-width"}}');var s=i(41627),h=i(553);const l={title:"Max Height flag",description:"Add max-height property for your responsive design with flags.",id:"--max-height",locale:"en",locales:["en","ko"],stage:["production","staging","experimental"]},r="Max height",a={},d=[{value:"Syntax",id:"syntax",level:2},{value:"Example",id:"example",level:2},{value:"Behavior",id:"behavior",level:2},{value:"See Also",id:"see-also",level:2}];function o(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,h.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"max-height",children:"Max height"})}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Accepted keys"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.code,{children:"--max-height"})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.code,{children:"--maxheight"})}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"syntax",children:"Syntax"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-ts",children:"`--max-height=${typeof length}`;\n"})}),"\n",(0,s.jsx)(n.h2,{id:"example",children:"Example"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{children:"--max-height=100\n\n--max-height=100px\n\n--max-height=100vh\n"})}),"\n",(0,s.jsx)(n.h2,{id:"behavior",children:"Behavior"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Element"}),"\nThere is no impact on element itself, but it can break relative layouts."]}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Style"}),"\nWhen applied, this will force the node to be rendered with a ",(0,s.jsx)(n.code,{children:"max-height"})," style."]}),"\n",(0,s.jsx)(n.h2,{id:"see-also",children:"See Also"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"./--max-width",children:(0,s.jsx)(n.code,{children:"--max-width"})})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"./--max-height",children:(0,s.jsx)(n.code,{children:"--min-height"})})}),"\n",(0,s.jsx)(n.li,{children:(0,s.jsx)(n.a,{href:"./--height",children:(0,s.jsx)(n.code,{children:"--height"})})}),"\n"]})]})}function c(e={}){const{wrapper:n}={...(0,h.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}}}]);
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.