| @@ -72,8 +72,9 @@ | ||
| 72 | 72 | div .wpbc_bfb_form .wpbc__row .wpbc__field, |
| 73 | 73 | div .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column { |
| 74 | 74 | display: -ms-flexbox; |
| 75 | 75 | display: flex; |
| 76 | + box-sizing: border-box; | |
| 76 | 77 | -ms-flex-direction: var(--wpbc-bfb-col-dir,column); |
| 77 | 78 | flex-direction: var(--wpbc-bfb-col-dir,column); |
| 78 | 79 | -ms-flex-wrap: var(--wpbc-bfb-col-wrap,nowrap); |
| 79 | 80 | flex-wrap: var(--wpbc-bfb-col-wrap,nowrap); |
| @@ -81,10 +82,87 @@ | ||
| 81 | 82 | justify-content: var(--wpbc-bfb-col-jc,flex-start); |
| 82 | 83 | -ms-flex-align: var(--wpbc-bfb-col-ai,stretch); |
| 83 | 84 | align-items: var(--wpbc-bfb-col-ai,stretch); |
| 84 | 85 | gap: var(--wpbc-bfb-col-gap,0); |
| 86 | + padding: var(--wpbc-bfb-col-padding,0); | |
| 85 | 87 | -ms-flex-item-align: var(--wpbc-bfb-col-aself,flex-start); |
| 86 | 88 | align-self: var(--wpbc-bfb-col-aself,flex-start) |
| 89 | +} | |
| 90 | +div .wpbc_bfb_form .wpbc__row .wpbc__field:not(.wpbc__cal), | |
| 91 | +div .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column { | |
| 92 | + margin: .7em 0 | |
| 93 | +} | |
| 94 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-margin:"], | |
| 95 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-margin:"] { | |
| 96 | + margin: var(--wpbc-bfb-col-margin) | |
| 97 | +} | |
| 98 | +div .wpbc_bfb_form .wpbc_bfb__section[data-selected-col] > .wpbc_bfb__row > .wpbc_bfb__column.is-selected-column { | |
| 99 | + padding: var(--wpbc-bfb-col-padding,0); | |
| 100 | + padding-top: var(--wpbc-bfb-col-padding-top,var(--wpbc-bfb-col-padding,0)); | |
| 101 | + padding-right: var(--wpbc-bfb-col-padding-right,var(--wpbc-bfb-col-padding,0)); | |
| 102 | + padding-bottom: var(--wpbc-bfb-col-padding-bottom,var(--wpbc-bfb-col-padding,0)); | |
| 103 | + padding-left: var(--wpbc-bfb-col-padding-left,var(--wpbc-bfb-col-padding,0)) | |
| 104 | +} | |
| 105 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-padding-top"], | |
| 106 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-padding-top"] { | |
| 107 | + padding-top: var(--wpbc-bfb-col-padding-top) | |
| 108 | +} | |
| 109 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-padding-right"], | |
| 110 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-padding-right"] { | |
| 111 | + padding-right: var(--wpbc-bfb-col-padding-right) | |
| 112 | +} | |
| 113 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-padding-bottom"], | |
| 114 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-padding-bottom"] { | |
| 115 | + padding-bottom: var(--wpbc-bfb-col-padding-bottom) | |
| 116 | +} | |
| 117 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-padding-left"], | |
| 118 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-padding-left"] { | |
| 119 | + padding-left: var(--wpbc-bfb-col-padding-left) | |
| 120 | +} | |
| 121 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-margin-top"], | |
| 122 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-margin-top"] { | |
| 123 | + margin-top: var(--wpbc-bfb-col-margin-top) | |
| 124 | +} | |
| 125 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-margin-right"], | |
| 126 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-margin-right"] { | |
| 127 | + margin-right: var(--wpbc-bfb-col-margin-right) | |
| 128 | +} | |
| 129 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-margin-bottom"], | |
| 130 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-margin-bottom"] { | |
| 131 | + margin-bottom: var(--wpbc-bfb-col-margin-bottom) | |
| 132 | +} | |
| 133 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-margin-left"], | |
| 134 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-margin-left"] { | |
| 135 | + margin-left: var(--wpbc-bfb-col-margin-left) | |
| 136 | +} | |
| 137 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-max-width"], | |
| 138 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-max-width"] { | |
| 139 | + max-width: var(--wpbc-bfb-col-max-width) | |
| 140 | +} | |
| 141 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-max-height"], | |
| 142 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-max-height"] { | |
| 143 | + max-height: var(--wpbc-bfb-col-max-height) | |
| 144 | +} | |
| 145 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-overflow:"], | |
| 146 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-overflow:"] { | |
| 147 | + overflow: var(--wpbc-bfb-col-overflow); | |
| 148 | + scrollbar-width: thin | |
| 149 | +} | |
| 150 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-overflow-x:"], | |
| 151 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-overflow-x:"] { | |
| 152 | + overflow-x: var(--wpbc-bfb-col-overflow-x); | |
| 153 | + scrollbar-width: thin | |
| 154 | +} | |
| 155 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-overflow-y:"], | |
| 156 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-overflow-y:"] { | |
| 157 | + overflow-y: var(--wpbc-bfb-col-overflow-y); | |
| 158 | + scrollbar-width: thin | |
| 159 | +} | |
| 160 | +:is(div.wpbc_bfb_form.wpbc__row>.wpbc__field,div.wpbc_bfb_form.wpbc_bfb__section>.wpbc_bfb__row>.wpbc_bfb__column):is([style*="--wpbc-bfb-col-overflow-y:auto"],[style*="--wpbc-bfb-col-overflow-y: auto"],[style*="--wpbc-bfb-col-overflow-y:hidden"],[style*="--wpbc-bfb-col-overflow-y: hidden"]):not(:is([style*="--wpbc-bfb-col-overflow-x:auto"],[style*="--wpbc-bfb-col-overflow-x: auto"],[style*="--wpbc-bfb-col-overflow-x:hidden"],[style*="--wpbc-bfb-col-overflow-x: hidden"],[style*="--wpbc-bfb-col-overflow:auto"],[style*="--wpbc-bfb-col-overflow: auto"],[style*="--wpbc-bfb-col-overflow:hidden"],[style*="--wpbc-bfb-col-overflow: hidden"])) { | |
| 161 | + overflow-x: hidden | |
| 162 | +} | |
| 163 | +:is(div.wpbc_bfb_form.wpbc__row>.wpbc__field,div.wpbc_bfb_form.wpbc_bfb__section>.wpbc_bfb__row>.wpbc_bfb__column):is([style*="--wpbc-bfb-col-overflow-x:auto"],[style*="--wpbc-bfb-col-overflow-x: auto"],[style*="--wpbc-bfb-col-overflow-x:hidden"],[style*="--wpbc-bfb-col-overflow-x: hidden"]):not(:is([style*="--wpbc-bfb-col-overflow-y:auto"],[style*="--wpbc-bfb-col-overflow-y: auto"],[style*="--wpbc-bfb-col-overflow-y:hidden"],[style*="--wpbc-bfb-col-overflow-y: hidden"],[style*="--wpbc-bfb-col-overflow:auto"],[style*="--wpbc-bfb-col-overflow: auto"],[style*="--wpbc-bfb-col-overflow:hidden"],[style*="--wpbc-bfb-col-overflow: hidden"])) { | |
| 164 | + overflow-y: hidden | |
| 87 | 165 | } |
| 88 | 166 | div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(:input), |
| 89 | 167 | div .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field { |
| 90 | 168 | -ms-flex: 1 1 100%; |
