UNPKG

@bedrock-layout/css

Version:

bedrock-layout css version

bedrock-layout.dev

Bedrock-Layouts/Bedrock

1 lines • 11.3 kB
1
[data-br-split]{--switch-at:initial;--gap:initial;--min-item-width:initial;--largestWidth:calc(100% - max(0px, var(--gap, 0px)));box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--gap,0)}[data-br-split]>*{box-sizing:border-box;flex-grow:1;margin:0;max-inline-size:unset;min-inline-size:var(--min-item-width)}[data-br-split]>:nth-child(n+2)~*{flex-basis:100%}[data-br-split~="fraction:1/4"]>:first-child{flex-basis:max(var(--min-item-width,0px),calc(var(--largestWidth)*0.25))}[data-br-split~="fraction:1/3"]>:first-child{flex-basis:max(var(--min-item-width,0px),calc(var(--largestWidth)*0.33333))}[data-br-split~="fraction:1/2"]>:first-child{flex-basis:max(var(--min-item-width,0px),calc(var(--largestWidth)*0.5))}[data-br-split~="fraction:2/3"]>:nth-child(2){flex-basis:max(var(--min-item-width,0px),calc(var(--largestWidth)*0.33333))}[data-br-split~="fraction:3/4"]>:nth-child(2){flex-basis:max(var(--min-item-width,0px),calc(var(--largestWidth)*0.25))}[data-br-split~="fraction:auto-end"]>:nth-child(2),[data-br-split~="fraction:auto-start"]>:first-child{flex-basis:var(--min-item-width,0)}:is([data-br-split~="fraction:1/4"],[data-br-split~="fraction:1/3"],[data-br-split~="fraction:1/2"],[data-br-split~="fraction:auto-start"])>:nth-child(2){flex-basis:calc((max(var(--switch-at, 0px), var(--largestWidth)) - var(--largestWidth))*999);flex-grow:999;min-inline-size:max(min(var(--min-item-width,0),100%),calc(var(--largestWidth)*.5))}:is([data-br-split~="fraction:3/4"],[data-br-split~="fraction:2/3"],[data-br-split~="fraction:auto-end"])>:first-child{flex-basis:calc((var(--switch-at, var(--largestWidth)) - var(--largestWidth))*999);flex-grow:999;min-inline-size:max(min(var(--min-item-width,0),100%),calc(50% - var(--gap, 0px)))}[data-br-split~="gap:size000"]{--gap:-0.5rem}[data-br-split~="gap:size00"]{--gap:-0.25rem}[data-br-split~="gap:size1"]{--gap:0.25rem}[data-br-split~="gap:size2"]{--gap:0.5rem}[data-br-split~="gap:size3"]{--gap:1rem}[data-br-split~="gap:size4"]{--gap:1.25rem}[data-br-split~="gap:size5"]{--gap:1.5rem}[data-br-split~="gap:size6"]{--gap:1.75rem}[data-br-split~="gap:size7"]{--gap:2rem}[data-br-split~="gap:size8"]{--gap:3rem}[data-br-split~="gap:size9"]{--gap:4rem}[data-br-split~="gap:size10"]{--gap:5rem}[data-br-split~="gap:size11"]{--gap:7.5rem}[data-br-split~="gap:size12"]{--gap:10rem}[data-br-split~="gap:size13"]{--gap:15rem}[data-br-split~="gap:size14"]{--gap:20rem}[data-br-split~="gap:size15"]{--gap:30rem}[data-br-split~="minItemWidth:sizeContent1"]{--min-item-width:20ch}[data-br-split~="minItemWidth:sizeContent2"]{--min-item-width:45ch}[data-br-split~="minItemWidth:sizeContent3"]{--min-item-width:60ch}[data-br-split~="minItemWidth:sizeHeader1"]{--min-item-width:20ch}[data-br-split~="minItemWidth:sizeHeader2"]{--min-item-width:25ch}[data-br-split~="minItemWidth:sizeHeader3"]{--min-item-width:35ch}[data-br-split~="minItemWidth:sizeXxs"]{--min-item-width:240px}[data-br-split~="minItemWidth:sizeXs"]{--min-item-width:360px}[data-br-split~="minItemWidth:sizeSm"]{--min-item-width:480px}[data-br-split~="minItemWidth:sizeMd"]{--min-item-width:768px}[data-br-split~="minItemWidth:sizeLg"]{--min-item-width:1024px}[data-br-split~="minItemWidth:sizeXl"]{--min-item-width:1440px}[data-br-split~="minItemWidth:sizeXxl"]{--min-item-width:1920px}[data-br-split~="switchAt:sizeContent1"]{--switch-at:20ch}[data-br-split~="switchAt:sizeContent2"]{--switch-at:45ch}[data-br-split~="switchAt:sizeContent3"]{--switch-at:60ch}[data-br-split~="switchAt:sizeHeader1"]{--switch-at:20ch}[data-br-split~="switchAt:sizeHeader2"]{--switch-at:25ch}[data-br-split~="switchAt:sizeHeader3"]{--switch-at:35ch}[data-br-split~="switchAt:sizeXxs"]{--switch-at:240px}[data-br-split~="switchAt:sizeXs"]{--switch-at:360px}[data-br-split~="switchAt:sizeSm"]{--switch-at:480px}[data-br-split~="switchAt:sizeMd"]{--switch-at:768px}[data-br-split~="switchAt:sizeLg"]{--switch-at:1024px}[data-br-split~="switchAt:sizeXl"]{--switch-at:1440px}[data-br-split~="switchAt:sizeXxl"]{--switch-at:1920px}[data-br-split~="padding:size00"],[data-br-split~="padding:size000"]{padding:0}[data-br-split~="padding:size1"]{padding:.25rem}[data-br-split~="padding:size2"]{padding:.5rem}[data-br-split~="padding:size3"]{padding:1rem}[data-br-split~="padding:size4"]{padding:1.25rem}[data-br-split~="padding:size5"]{padding:1.5rem}[data-br-split~="padding:size6"]{padding:1.75rem}[data-br-split~="padding:size7"]{padding:2rem}[data-br-split~="padding:size8"]{padding:3rem}[data-br-split~="padding:size9"]{padding:4rem}[data-br-split~="padding:size10"]{padding:5rem}[data-br-split~="padding:size11"]{padding:7.5rem}[data-br-split~="padding:size12"]{padding:10rem}[data-br-split~="padding:size13"]{padding:15rem}[data-br-split~="padding:size14"]{padding:20rem}[data-br-split~="padding:size15"]{padding:30rem}[data-br-split~="paddingInline:size00"],[data-br-split~="paddingInline:size000"]{padding-inline:0}[data-br-split~="paddingInline:size1"]{padding-inline:.25rem}[data-br-split~="paddingInline:size2"]{padding-inline:.5rem}[data-br-split~="paddingInline:size3"]{padding-inline:1rem}[data-br-split~="paddingInline:size4"]{padding-inline:1.25rem}[data-br-split~="paddingInline:size5"]{padding-inline:1.5rem}[data-br-split~="paddingInline:size6"]{padding-inline:1.75rem}[data-br-split~="paddingInline:size7"]{padding-inline:2rem}[data-br-split~="paddingInline:size8"]{padding-inline:3rem}[data-br-split~="paddingInline:size9"]{padding-inline:4rem}[data-br-split~="paddingInline:size10"]{padding-inline:5rem}[data-br-split~="paddingInline:size11"]{padding-inline:7.5rem}[data-br-split~="paddingInline:size12"]{padding-inline:10rem}[data-br-split~="paddingInline:size13"]{padding-inline:15rem}[data-br-split~="paddingInline:size14"]{padding-inline:20rem}[data-br-split~="paddingInline:size15"]{padding-inline:30rem}[data-br-split~="paddingInlineStart:size00"],[data-br-split~="paddingInlineStart:size000"]{padding-inline-start:0}[data-br-split~="paddingInlineStart:size1"]{padding-inline-start:.25rem}[data-br-split~="paddingInlineStart:size2"]{padding-inline-start:.5rem}[data-br-split~="paddingInlineStart:size3"]{padding-inline-start:1rem}[data-br-split~="paddingInlineStart:size4"]{padding-inline-start:1.25rem}[data-br-split~="paddingInlineStart:size5"]{padding-inline-start:1.5rem}[data-br-split~="paddingInlineStart:size6"]{padding-inline-start:1.75rem}[data-br-split~="paddingInlineStart:size7"]{padding-inline-start:2rem}[data-br-split~="paddingInlineStart:size8"]{padding-inline-start:3rem}[data-br-split~="paddingInlineStart:size9"]{padding-inline-start:4rem}[data-br-split~="paddingInlineStart:size10"]{padding-inline-start:5rem}[data-br-split~="paddingInlineStart:size11"]{padding-inline-start:7.5rem}[data-br-split~="paddingInlineStart:size12"]{padding-inline-start:10rem}[data-br-split~="paddingInlineStart:size13"]{padding-inline-start:15rem}[data-br-split~="paddingInlineStart:size14"]{padding-inline-start:20rem}[data-br-split~="paddingInlineStart:size15"]{padding-inline-start:30rem}[data-br-split~="paddingInlineEnd:size00"],[data-br-split~="paddingInlineEnd:size000"]{padding-inline-end:0}[data-br-split~="paddingInlineEnd:size1"]{padding-inline-end:.25rem}[data-br-split~="paddingInlineEnd:size2"]{padding-inline-end:.5rem}[data-br-split~="paddingInlineEnd:size3"]{padding-inline-end:1rem}[data-br-split~="paddingInlineEnd:size4"]{padding-inline-end:1.25rem}[data-br-split~="paddingInlineEnd:size5"]{padding-inline-end:1.5rem}[data-br-split~="paddingInlineEnd:size6"]{padding-inline-end:1.75rem}[data-br-split~="paddingInlineEnd:size7"]{padding-inline-end:2rem}[data-br-split~="paddingInlineEnd:size8"]{padding-inline-end:3rem}[data-br-split~="paddingInlineEnd:size9"]{padding-inline-end:4rem}[data-br-split~="paddingInlineEnd:size10"]{padding-inline-end:5rem}[data-br-split~="paddingInlineEnd:size11"]{padding-inline-end:7.5rem}[data-br-split~="paddingInlineEnd:size12"]{padding-inline-end:10rem}[data-br-split~="paddingInlineEnd:size13"]{padding-inline-end:15rem}[data-br-split~="paddingInlineEnd:size14"]{padding-inline-end:20rem}[data-br-split~="paddingInlineEnd:size15"]{padding-inline-end:30rem}[data-br-split~="paddingBlock:size00"],[data-br-split~="paddingBlock:size000"]{padding-block:0}[data-br-split~="paddingBlock:size1"]{padding-block:.25rem}[data-br-split~="paddingBlock:size2"]{padding-block:.5rem}[data-br-split~="paddingBlock:size3"]{padding-block:1rem}[data-br-split~="paddingBlock:size4"]{padding-block:1.25rem}[data-br-split~="paddingBlock:size5"]{padding-block:1.5rem}[data-br-split~="paddingBlock:size6"]{padding-block:1.75rem}[data-br-split~="paddingBlock:size7"]{padding-block:2rem}[data-br-split~="paddingBlock:size8"]{padding-block:3rem}[data-br-split~="paddingBlock:size9"]{padding-block:4rem}[data-br-split~="paddingBlock:size10"]{padding-block:5rem}[data-br-split~="paddingBlock:size11"]{padding-block:7.5rem}[data-br-split~="paddingBlock:size12"]{padding-block:10rem}[data-br-split~="paddingBlock:size13"]{padding-block:15rem}[data-br-split~="paddingBlock:size14"]{padding-block:20rem}[data-br-split~="paddingBlock:size15"]{padding-block:30rem}[data-br-split~="paddingBlockStart:size00"],[data-br-split~="paddingBlockStart:size000"]{padding-block-start:0}[data-br-split~="paddingBlockStart:size1"]{padding-block-start:.25rem}[data-br-split~="paddingBlockStart:size2"]{padding-block-start:.5rem}[data-br-split~="paddingBlockStart:size3"]{padding-block-start:1rem}[data-br-split~="paddingBlockStart:size4"]{padding-block-start:1.25rem}[data-br-split~="paddingBlockStart:size5"]{padding-block-start:1.5rem}[data-br-split~="paddingBlockStart:size6"]{padding-block-start:1.75rem}[data-br-split~="paddingBlockStart:size7"]{padding-block-start:2rem}[data-br-split~="paddingBlockStart:size8"]{padding-block-start:3rem}[data-br-split~="paddingBlockStart:size9"]{padding-block-start:4rem}[data-br-split~="paddingBlockStart:size10"]{padding-block-start:5rem}[data-br-split~="paddingBlockStart:size11"]{padding-block-start:7.5rem}[data-br-split~="paddingBlockStart:size12"]{padding-block-start:10rem}[data-br-split~="paddingBlockStart:size13"]{padding-block-start:15rem}[data-br-split~="paddingBlockStart:size14"]{padding-block-start:20rem}[data-br-split~="paddingBlockStart:size15"]{padding-block-start:30rem}[data-br-split~="paddingBlockEnd:size00"],[data-br-split~="paddingBlockEnd:size000"]{padding-block-end:0}[data-br-split~="paddingBlockEnd:size1"]{padding-block-end:.25rem}[data-br-split~="paddingBlockEnd:size2"]{padding-block-end:.5rem}[data-br-split~="paddingBlockEnd:size3"]{padding-block-end:1rem}[data-br-split~="paddingBlockEnd:size4"]{padding-block-end:1.25rem}[data-br-split~="paddingBlockEnd:size5"]{padding-block-end:1.5rem}[data-br-split~="paddingBlockEnd:size6"]{padding-block-end:1.75rem}[data-br-split~="paddingBlockEnd:size7"]{padding-block-end:2rem}[data-br-split~="paddingBlockEnd:size8"]{padding-block-end:3rem}[data-br-split~="paddingBlockEnd:size9"]{padding-block-end:4rem}[data-br-split~="paddingBlockEnd:size10"]{padding-block-end:5rem}[data-br-split~="paddingBlockEnd:size11"]{padding-block-end:7.5rem}[data-br-split~="paddingBlockEnd:size12"]{padding-block-end:10rem}[data-br-split~="paddingBlockEnd:size13"]{padding-block-end:15rem}[data-br-split~="paddingBlockEnd:size14"]{padding-block-end:20rem}[data-br-split~="paddingBlockEnd:size15"]{padding-block-end:30rem}