import React from 'react'
import styles from './GridItem.module.scss'
const GridItem = ({ colWidthPercentage = 20, children, className, ...rest }) => {
const gridItemClasses = [styles.item]
if (colWidthPercentage === 20) {
gridItemClasses.push(styles.widthTwenty)
}
if (colWidthPercentage === 25) {
gridItemClasses.push(styles.widthTwentyFive)
}
if (colWidthPercentage === 33) {
gridItemClasses.push(styles.widthThirtyThree)
}
if (colWidthPercentage === 40) {
gridItemClasses.push(styles.widthFourty)
}
if (colWidthPercentage === 50) {
gridItemClasses.push(styles.widthFifty)
}
if (colWidthPercentage === 60) {
gridItemClasses.push(styles.widthSixty)
}
if (colWidthPercentage === 100) {
gridItemClasses.push(styles.widthFull)
}
if (className) {
gridItemClasses.push(className)
}
return (
Write a review for Meta Box
If you like Meta Box, please write a review on WordPress.org to help us spread the word. We really appreciate that!
Write a review
{"translation-revision-date":"2023-10-17 14:47:46+0000","generator":"WP-CLI\/2.12.0","source":"src\/Agent\/workflows\/theme\/change-theme-fonts-variation.js","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","lang":"ru","plural-forms":"nplurals=3; plural=(n % 10 == 1 && n % 100 != 11) ? 0 : ((n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 12 || n % 100 > 14)) ? 1 : 2);"},"Hey there! It looks like you are trying to change your theme fonts, but you are not on a page where we can do that.":["\u041f\u0440\u0438\u0432\u0435\u0442! \u041f\u043e\u0445\u043e\u0436\u0435, \u0432\u044b \u043f\u044b\u0442\u0430\u0435\u0442\u0435\u0441\u044c \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0448\u0440\u0438\u0444\u0442\u044b \u0442\u0435\u043c\u044b, \u043d\u043e \u0432\u044b \u043d\u0435 \u043d\u0430 \u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u0433\u0434\u0435 \u044d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c."]}}}@media screen and (min-width:1667px){.rtl .wp-full-overlay.expanded{margin-left:0;margin-right:300px}.wp-full-overlay.expanded{margin-left:300px}}#customize-theme-controls .customize-pane-child.open{overflow:visible}.wp-full-overlay-sidebar{width:300px}.expanded .wp-full-overlay-footer{max-width:299px}.kirki-w100{width:100%}.kirki-w50{width:50%}.kirki-w45{width:45%}.kirki-w40{width:40%}.kirki-w33{width:33.3333%}.kirki-w30{width:30%}.kirki-w25{width:25%}.kirki-w20{width:20%}.kirki-w15{width:15%}.kirki-w10{width:10%}.kirki-w5{width:5%}.control-section-kirki-default,.control-section-kirki-outer{min-height:100%}.customize-control-has-small-gap{margin-bottom:9px}.customize-control-is-gapless{margin-bottom:0}.customize-control-kirki-hidden-field{height:0;margin-bottom:0}.customize-control-kirki,.customize-control-kirki *{box-sizing:border-box}.customize-control-kirki.kirki-group-item{clear:none}.kirki-group-item{clear:none;float:left;padding-left:3px;padding-right:3px}.kirki-group-item.kirki-group-start{padding-left:0;padding-right:3px}.kirki-group-item.kirki-group-break,.kirki-group-item.kirki-group-end{padding-left:3px;padding-right:0}.kirki-group-item.kirki-group-end:after{clear:both;content:"";display:block;height:0;width:100%}.customize-control-kirki{position:relative}.customize-control-kirki .kirki-control-label,.customize-control-kirki label.customize-control-title{display:block}.customize-control-kirki .kirki-control-form{position:relative}.customize-control-kirki .kirki-control-form textarea{display:block;width:100%}
/*# sourceMappingURL=control.css.map */