@n8d/htwoo-patterns
Version:
hTWOo Patterns to setup custom style guide
72 lines • 1.77 kB
JSON
{
"dialog-header": {
"title": "Dialog Header",
"button": {
"iconname": "icon-close"
}
},
"dlg-vertical": {
"dlg-btn-unset": {
"button": {
"label": "Unset / reset",
"props": "id='width-unset'"
}
},
"dlg-btn-20vw": {
"button": {
"label": "20% width",
"props": "id='width-20vw'"
}
},
"dlg-btn-50vw": {
"button": {
"label": "50% width",
"props": "id='width-50vw'"
}
},
"dlg-btn-75vw": {
"button": {
"label": "75% width",
"props": "id='width-75vw'"
}
},
"dlg-btn-90vw": {
"button": {
"label": "90% width",
"props": "id='width-90vw'"
}
}
},
"dlg-horizontal": {
"dlg-btn-unset": {
"button": {
"label": "Unset / reset",
"props": "id='height-unset'"
}
},
"dlg-btn-20vw": {
"button": {
"label": "20% height",
"props": "id='height-20vw'"
}
},
"dlg-btn-50vw": {
"button": {
"label": "50% height",
"props": "id='height-50vw'"
}
},
"dlg-btn-75vw": {
"button": {
"label": "75% height",
"props": "id='height-75vw'"
}
},
"dlg-btn-90vw": {
"button": {
"label": "90% height",
"props": "id='height-90vw'"
}
}
}
}