@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
243 lines • 6.81 kB
TypeScript
export const l_grid: {
".pf-v6-l-grid": {
"l_grid_m_gutter_GridGap": {
"name": "--pf-v6-l-grid--m-gutter--GridGap",
"value": "1rem",
"values": [
"--pf-t--global--spacer--gutter--default",
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"l_grid__item_GridColumnStart": {
"name": "--pf-v6-l-grid__item--GridColumnStart",
"value": "auto"
},
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 12"
},
"l_grid_item_Order": {
"name": "--pf-v6-l-grid--item--Order",
"value": "0"
}
},
".pf-v6-l-grid.pf-m-all-1-col > *": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 1"
}
},
".pf-v6-l-grid.pf-m-all-2-col > *": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 2"
}
},
".pf-v6-l-grid.pf-m-all-3-col > *": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 3"
}
},
".pf-v6-l-grid.pf-m-all-4-col > *": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 4"
}
},
".pf-v6-l-grid.pf-m-all-5-col > *": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 5"
}
},
".pf-v6-l-grid.pf-m-all-6-col > *": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 6"
}
},
".pf-v6-l-grid.pf-m-all-7-col > *": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 7"
}
},
".pf-v6-l-grid.pf-m-all-8-col > *": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 8"
}
},
".pf-v6-l-grid.pf-m-all-9-col > *": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 9"
}
},
".pf-v6-l-grid.pf-m-all-10-col > *": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 10"
}
},
".pf-v6-l-grid.pf-m-all-11-col > *": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 11"
}
},
".pf-v6-l-grid.pf-m-all-12-col > *": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 12"
}
},
".pf-v6-l-grid > .pf-m-1-col": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 1"
}
},
".pf-v6-l-grid > .pf-m-2-col": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 2"
}
},
".pf-v6-l-grid > .pf-m-3-col": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 3"
}
},
".pf-v6-l-grid > .pf-m-4-col": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 4"
}
},
".pf-v6-l-grid > .pf-m-5-col": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 5"
}
},
".pf-v6-l-grid > .pf-m-6-col": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 6"
}
},
".pf-v6-l-grid > .pf-m-7-col": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 7"
}
},
".pf-v6-l-grid > .pf-m-8-col": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 8"
}
},
".pf-v6-l-grid > .pf-m-9-col": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 9"
}
},
".pf-v6-l-grid > .pf-m-10-col": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 10"
}
},
".pf-v6-l-grid > .pf-m-11-col": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 11"
}
},
".pf-v6-l-grid > .pf-m-12-col": {
"l_grid__item_GridColumnEnd": {
"name": "--pf-v6-l-grid__item--GridColumnEnd",
"value": "span 12"
}
},
".pf-v6-l-grid > .pf-m-offset-1-col": {
"l_grid__item_GridColumnStart": {
"name": "--pf-v6-l-grid__item--GridColumnStart",
"value": "col-start calc(1 + 1)"
}
},
".pf-v6-l-grid > .pf-m-offset-2-col": {
"l_grid__item_GridColumnStart": {
"name": "--pf-v6-l-grid__item--GridColumnStart",
"value": "col-start calc(2 + 1)"
}
},
".pf-v6-l-grid > .pf-m-offset-3-col": {
"l_grid__item_GridColumnStart": {
"name": "--pf-v6-l-grid__item--GridColumnStart",
"value": "col-start calc(3 + 1)"
}
},
".pf-v6-l-grid > .pf-m-offset-4-col": {
"l_grid__item_GridColumnStart": {
"name": "--pf-v6-l-grid__item--GridColumnStart",
"value": "col-start calc(4 + 1)"
}
},
".pf-v6-l-grid > .pf-m-offset-5-col": {
"l_grid__item_GridColumnStart": {
"name": "--pf-v6-l-grid__item--GridColumnStart",
"value": "col-start calc(5 + 1)"
}
},
".pf-v6-l-grid > .pf-m-offset-6-col": {
"l_grid__item_GridColumnStart": {
"name": "--pf-v6-l-grid__item--GridColumnStart",
"value": "col-start calc(6 + 1)"
}
},
".pf-v6-l-grid > .pf-m-offset-7-col": {
"l_grid__item_GridColumnStart": {
"name": "--pf-v6-l-grid__item--GridColumnStart",
"value": "col-start calc(7 + 1)"
}
},
".pf-v6-l-grid > .pf-m-offset-8-col": {
"l_grid__item_GridColumnStart": {
"name": "--pf-v6-l-grid__item--GridColumnStart",
"value": "col-start calc(8 + 1)"
}
},
".pf-v6-l-grid > .pf-m-offset-9-col": {
"l_grid__item_GridColumnStart": {
"name": "--pf-v6-l-grid__item--GridColumnStart",
"value": "col-start calc(9 + 1)"
}
},
".pf-v6-l-grid > .pf-m-offset-10-col": {
"l_grid__item_GridColumnStart": {
"name": "--pf-v6-l-grid__item--GridColumnStart",
"value": "col-start calc(10 + 1)"
}
},
".pf-v6-l-grid > .pf-m-offset-11-col": {
"l_grid__item_GridColumnStart": {
"name": "--pf-v6-l-grid__item--GridColumnStart",
"value": "col-start calc(11 + 1)"
}
},
".pf-v6-l-grid > .pf-m-offset-12-col": {
"l_grid__item_GridColumnStart": {
"name": "--pf-v6-l-grid__item--GridColumnStart",
"value": "col-start calc(12 + 1)"
}
}
};
export default l_grid;