369 lines
7.1 KiB
JavaScript
369 lines
7.1 KiB
JavaScript
import{j as n}from"./index-bIIEL2MP.js";import{useMDXComponents as r}from"./index-CO-0pc0F.js";import{M as a}from"./index-Z-6k0Xrj.js";import{p}from"./docsPage-CT2vyZOj.js";import{C as o}from"./Table-F-lkejrq.js";import{c as t}from"./parseCss-DFN8Q8fx.js";import"./_commonjsHelpers-D6-XlEtG.js";import"./iframe-CzjIX-qr.js";import"./index-aQYXhgXp.js";import"./index-DrFu-skq.js";import"./index-D7HDsfES.js";const s=`.box-border {
|
|
box-sizing: border-box;
|
|
}
|
|
.box-content {
|
|
box-sizing: content-box;
|
|
}
|
|
.\\!box-border {
|
|
box-sizing: border-box !important;
|
|
}
|
|
.\\!box-content {
|
|
box-sizing: content-box !important;
|
|
}
|
|
`,b=`.block {
|
|
display: block;
|
|
}
|
|
.inline-block {
|
|
display: inline-block;
|
|
}
|
|
.inline {
|
|
display: inline;
|
|
}
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
.inline-flex {
|
|
display: inline-flex;
|
|
}
|
|
.table {
|
|
display: table;
|
|
}
|
|
.inline-table {
|
|
display: inline-table;
|
|
}
|
|
.table-caption {
|
|
display: table-caption;
|
|
}
|
|
.table-cell {
|
|
display: table-cell;
|
|
}
|
|
.table-column {
|
|
display: table-column;
|
|
}
|
|
.table-column-group {
|
|
display: table-column-group;
|
|
}
|
|
.table-footer-group {
|
|
display: table-footer-group;
|
|
}
|
|
.table-header-group {
|
|
display: table-header-group;
|
|
}
|
|
.table-row-group {
|
|
display: table-row-group;
|
|
}
|
|
.table-row {
|
|
display: table-row;
|
|
}
|
|
.flow-root {
|
|
display: flow-root;
|
|
}
|
|
.grid {
|
|
display: grid;
|
|
}
|
|
.inline-grid {
|
|
display: inline-grid;
|
|
}
|
|
.contents {
|
|
display: contents;
|
|
}
|
|
.list-item {
|
|
display: list-item;
|
|
}
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
.\\!block {
|
|
display: block !important;
|
|
}
|
|
.\\!inline-block {
|
|
display: inline-block !important;
|
|
}
|
|
.\\!inline {
|
|
display: inline !important;
|
|
}
|
|
.\\!flex {
|
|
display: flex !important;
|
|
}
|
|
.\\!inline-flex {
|
|
display: inline-flex !important;
|
|
}
|
|
.\\!table {
|
|
display: table !important;
|
|
}
|
|
.\\!inline-table {
|
|
display: inline-table !important;
|
|
}
|
|
.\\!table-caption {
|
|
display: table-caption !important;
|
|
}
|
|
.\\!table-cell {
|
|
display: table-cell !important;
|
|
}
|
|
.\\!table-column {
|
|
display: table-column !important;
|
|
}
|
|
.\\!table-column-group {
|
|
display: table-column-group !important;
|
|
}
|
|
.\\!table-footer-group {
|
|
display: table-footer-group !important;
|
|
}
|
|
.\\!table-header-group {
|
|
display: table-header-group !important;
|
|
}
|
|
.\\!table-row-group {
|
|
display: table-row-group !important;
|
|
}
|
|
.\\!table-row {
|
|
display: table-row !important;
|
|
}
|
|
.\\!flow-root {
|
|
display: flow-root !important;
|
|
}
|
|
.\\!grid {
|
|
display: grid !important;
|
|
}
|
|
.\\!inline-grid {
|
|
display: inline-grid !important;
|
|
}
|
|
.\\!contents {
|
|
display: contents !important;
|
|
}
|
|
.\\!list-item {
|
|
display: list-item !important;
|
|
}
|
|
.\\!hidden {
|
|
display: none !important;
|
|
}
|
|
`,c=`.float-right {
|
|
float: right;
|
|
}
|
|
.float-left {
|
|
float: left;
|
|
}
|
|
.float-none {
|
|
float: none;
|
|
}
|
|
.\\!float-right {
|
|
float: right !important;
|
|
}
|
|
.\\!float-left {
|
|
float: left !important;
|
|
}
|
|
.\\!float-none {
|
|
float: none !important;
|
|
}
|
|
`,f=`.object-contain {
|
|
object-fit: contain;
|
|
}
|
|
.object-cover {
|
|
object-fit: cover;
|
|
}
|
|
.object-fill {
|
|
object-fit: fill;
|
|
}
|
|
.object-none {
|
|
object-fit: none;
|
|
}
|
|
.object-scale-down {
|
|
object-fit: scale-down;
|
|
}
|
|
.\\!object-contain {
|
|
object-fit: contain !important;
|
|
}
|
|
.\\!object-cover {
|
|
object-fit: cover !important;
|
|
}
|
|
.\\!object-fill {
|
|
object-fit: fill !important;
|
|
}
|
|
.\\!object-none {
|
|
object-fit: none !important;
|
|
}
|
|
.\\!object-scale-down {
|
|
object-fit: scale-down !important;
|
|
}
|
|
`,d=`.object-bottom {
|
|
object-position: bottom;
|
|
}
|
|
.object-center {
|
|
object-position: center;
|
|
}
|
|
.object-left {
|
|
object-position: left;
|
|
}
|
|
.object-left-bottom {
|
|
object-position: left bottom;
|
|
}
|
|
.object-left-top {
|
|
object-position: left top;
|
|
}
|
|
.object-right {
|
|
object-position: right;
|
|
}
|
|
.object-right-bottom {
|
|
object-position: right bottom;
|
|
}
|
|
.object-right-top {
|
|
object-position: right top;
|
|
}
|
|
.object-top {
|
|
object-position: top;
|
|
}
|
|
.\\!object-bottom {
|
|
object-position: bottom !important;
|
|
}
|
|
.\\!object-center {
|
|
object-position: center !important;
|
|
}
|
|
.\\!object-left {
|
|
object-position: left !important;
|
|
}
|
|
.\\!object-left-bottom {
|
|
object-position: left bottom !important;
|
|
}
|
|
.\\!object-left-top {
|
|
object-position: left top !important;
|
|
}
|
|
.\\!object-right {
|
|
object-position: right !important;
|
|
}
|
|
.\\!object-right-bottom {
|
|
object-position: right bottom !important;
|
|
}
|
|
.\\!object-right-top {
|
|
object-position: right top !important;
|
|
}
|
|
.\\!object-top {
|
|
object-position: top !important;
|
|
}
|
|
`,m=`.overflow-auto {
|
|
overflow: auto;
|
|
}
|
|
.overflow-hidden {
|
|
overflow: hidden;
|
|
}
|
|
.overflow-clip {
|
|
overflow: clip;
|
|
}
|
|
.overflow-visible {
|
|
overflow: visible;
|
|
}
|
|
.overflow-scroll {
|
|
overflow: scroll;
|
|
}
|
|
.overflow-x-auto {
|
|
overflow-x: auto;
|
|
}
|
|
.overflow-y-auto {
|
|
overflow-y: auto;
|
|
}
|
|
.overflow-x-hidden {
|
|
overflow-x: hidden;
|
|
}
|
|
.overflow-y-hidden {
|
|
overflow-y: hidden;
|
|
}
|
|
.overflow-x-clip {
|
|
overflow-x: clip;
|
|
}
|
|
.overflow-y-clip {
|
|
overflow-y: clip;
|
|
}
|
|
.overflow-x-visible {
|
|
overflow-x: visible;
|
|
}
|
|
.overflow-y-visible {
|
|
overflow-y: visible;
|
|
}
|
|
.overflow-x-scroll {
|
|
overflow-x: scroll;
|
|
}
|
|
.overflow-y-scroll {
|
|
overflow-y: scroll;
|
|
}
|
|
.\\!overflow-auto {
|
|
overflow: auto !important;
|
|
}
|
|
.\\!overflow-hidden {
|
|
overflow: hidden !important;
|
|
}
|
|
.\\!overflow-clip {
|
|
overflow: clip !important;
|
|
}
|
|
.\\!overflow-visible {
|
|
overflow: visible !important;
|
|
}
|
|
.\\!overflow-scroll {
|
|
overflow: scroll !important;
|
|
}
|
|
.\\!overflow-x-auto {
|
|
overflow-x: auto !important;
|
|
}
|
|
.\\!overflow-y-auto {
|
|
overflow-y: auto !important;
|
|
}
|
|
.\\!overflow-x-hidden {
|
|
overflow-x: hidden !important;
|
|
}
|
|
.\\!overflow-y-hidden {
|
|
overflow-y: hidden !important;
|
|
}
|
|
.\\!overflow-x-clip {
|
|
overflow-x: clip !important;
|
|
}
|
|
.\\!overflow-y-clip {
|
|
overflow-y: clip !important;
|
|
}
|
|
.\\!overflow-x-visible {
|
|
overflow-x: visible !important;
|
|
}
|
|
.\\!overflow-y-visible {
|
|
overflow-y: visible !important;
|
|
}
|
|
.\\!overflow-x-scroll {
|
|
overflow-x: scroll !important;
|
|
}
|
|
.\\!overflow-y-scroll {
|
|
overflow-y: scroll !important;
|
|
}
|
|
`,y=`.static {
|
|
position: static;
|
|
}
|
|
.fixed {
|
|
position: fixed;
|
|
}
|
|
.absolute {
|
|
position: absolute;
|
|
}
|
|
.relative {
|
|
position: relative;
|
|
}
|
|
.sticky {
|
|
position: sticky;
|
|
}
|
|
.\\!static {
|
|
position: static;
|
|
}
|
|
.\\!fixed {
|
|
position: fixed;
|
|
}
|
|
.\\!absolute {
|
|
position: absolute;
|
|
}
|
|
.\\!relative {
|
|
position: relative;
|
|
}
|
|
.\\!sticky {
|
|
position: sticky;
|
|
}
|
|
`;function l(e){const i={h1:"h1",...r(),...e.components};return n.jsxs(n.Fragment,{children:[n.jsx(a,{title:"Styles/Tokens/Layout",parameters:{...p}}),`
|
|
`,n.jsx(i.h1,{id:"layout-tokens",children:"Layout tokens"}),`
|
|
`,n.jsx(o,{title:"Display",mdnLink:"display",header:["Class","Properties"],body:t(b),copyable:[!0,!1]}),`
|
|
`,n.jsx(o,{title:"Position",mdnLink:"position",header:["Class","Properties"],body:t(y),copyable:[!0,!1]}),`
|
|
`,n.jsx(o,{title:"Overflow",mdnLink:"overflow",header:["Class","Properties"],body:t(m),copyable:[!0,!1]}),`
|
|
`,n.jsx(o,{title:"Float",mdnLink:"float",header:["Class","Properties"],body:t(c),copyable:[!0,!1]}),`
|
|
`,n.jsx(o,{title:"Box sizing",mdnLink:"box-sizing",header:["Class","Properties"],body:t(s),copyable:[!0,!1]}),`
|
|
`,n.jsx(o,{title:"Object fit",mdnLink:"object-fit",header:["Class","Properties"],body:t(f),copyable:[!0,!1]}),`
|
|
`,n.jsx(o,{title:"Object position",mdnLink:"object-position",header:["Class","Properties"],body:t(d),copyable:[!0,!1]})]})}function z(e={}){const{wrapper:i}={...r(),...e.components};return i?n.jsx(i,{...e,children:n.jsx(l,{...e})}):l(e)}export{z as default};
|