| Server IP : 38.190.208.107 / Your IP : 216.73.217.46 Web Server : nginx/1.28.1 System : Linux ht2026040333114 6.1.0-10-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.37-1 (2023-07-03) x86_64 User : root ( 0) PHP Version : 8.2.28 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv,eval,assert,passthru,system,exec,shell_exec,popen,proc_open MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /www/wwwroot/wp.2/wp-content/themes/blocksy/static/js/customizer/sync/variables/ |
Upload File : |
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',
// },
})