File manager - Edit - /home/palg2351/public_html/wp-content/themes/blocksy/static/js/customizer/sync/variables/forms.js
Back
import { withKeys, mapValue } from '../helpers' import { typographyOption } from './typography' export const getFormsVariablesFor = () => ({ forms_type: [ { selector: ':root', variable: 'has-classic-forms', unit: '', extractValue: (value) => mapValue({ value, map: { 'classic-forms': 'var(--true)', 'modern-forms': 'var(--false)', }, }), }, { selector: ':root', variable: 'has-modern-forms', unit: '', extractValue: (value) => mapValue({ value, map: { 'classic-forms': 'var(--false)', 'modern-forms': 'var(--true)', }, }), }, { selector: ':root', variable: 'theme-form-field-border-width', unit: '', extractValue: (value) => { if (value === 'modern-forms') { return `0 0 ${wp.customize('formBorderSize')()}px 0` } return `${wp.customize('formBorderSize')()}px` }, }, ], formBorderSize: [ { selector: ':root', variable: 'theme-form-field-border-width', unit: '', extractValue: (value) => { if (wp.customize('forms_type')() === 'modern-forms') { return `0 0 ${value}px 0` } return `${value}px` }, }, { selector: ':root', variable: 'form-selection-control-border-width', unit: 'px', }, ], // general ...typographyOption({ id: 'form_font', selector: ':root', prefix: 'form', }), formTextColor: [ { selector: ':root', variable: 'theme-form-text-initial-color', type: 'color:default', }, { selector: ':root', variable: 'theme-form-text-focus-color', type: 'color:focus', }, ], formBackgroundColor: [ { selector: ':root', variable: 'theme-form-field-background-initial-color', type: 'color:default', }, { selector: ':root', variable: 'theme-form-field-background-focus-color', type: 'color:focus', }, ], formInputHeight: { selector: ':root', variable: 'theme-form-field-height', unit: 'px', }, formTextAreaHeight: { selector: 'form textarea', variable: 'theme-form-field-height', unit: 'px', }, formFieldBorderRadius: { selector: ':root', variable: 'theme-form-field-border-radius', unit: 'px', }, formBorderColor: [ { selector: ':root', variable: 'theme-form-field-border-initial-color', type: 'color:default', }, { selector: ':root', variable: 'theme-form-field-border-focus-color', type: 'color:focus', }, ], // select dropdown formSelectFontColor: [ { selector: ':root', variable: 'form-field-select-initial-color', type: 'color:default', }, { selector: ':root', variable: 'form-field-select-active-color', type: 'color:active', }, ], formSelectBackgroundColor: [ { selector: ':root', variable: 'theme-form-select-background-initial-color', type: 'color:default', }, { selector: ':root', variable: 'theme-form-select-background-active-color', type: 'color:active', }, ], // radio & checkbox radioCheckboxColor: [ { selector: ':root', variable: 'theme-form-selection-field-initial-color', type: 'color:default', }, { selector: ':root', variable: 'theme-form-selection-field-active-color', type: 'color:accent', }, ], // checkboxBorderRadius: { // selector: ':root', // variable: 'theme-form-checkbox-border-radius', // unit: 'px', // }, })
| ver. 1.4 |
Github
|
.
| PHP 8.3.30 | Generation time: 0.2 |
proxy
|
phpinfo
|
Settings