<?xml version="1.0" encoding="UTF-8"?>
<form>

    <field name="column_class" type="text" label="Column Class" />

    <field name="column_bg" type="list" label="Column Background">
        <option value="">JNONE</option>
        <option value="text-bg-primary">Primary</option>
        <option value="text-bg-secondary">Secondary</option>
        <option value="text-bg-light">Light</option>
        <option value="text-bg-dark">Dark</option>
        <option value="text-bg-info">Info</option>
        <option value="text-bg-success">Success</option>
        <option value="text-bg-danger">Danger</option>
        <option value="text-bg-warning">Warning</option>
        <option value="bg-white">White</option>
        <option value="bg-transparent">Transparent</option>
    </field>
	    
	<field name="padding" type="list" label="Padding">
        <option value="">JNONE</option>
        <option value="p-0">Zero</option>
        <option value="p-1">Extra Small</option>
        <option value="p-2">Small</option>
        <option value="p-3">Medium</option>
        <option value="p-4">Large</option>
        <option value="p-5">Extra Large</option>
    </field>
	    
    <field name="border" type="list" label="Border">
        <option value="">JNONE</option>
        <option value="border">Default</option>
    </field>
    
    <field name="border_radius" type="list" label="Border Radius">
        <option value="">JNONE</option>
        <option value="rounded">Rounded</option>
        <option value="rounded-pill">Pill</option>
        <option value="rounded-circle">Circle</option>
        <option value="rounded-top">Rounded Top</option>
        <option value="rounded-end">Rounded End</option>
        <option value="rounded-bottom">Rounded Bottom</option>
        <option value="rounded-start">Rounded Start</option>
    </field>
    
    <field name="align" type="list" label="Alignment">
        <option value="">JNONE</option>
        <option value="text-start">Start</option>
        <option value="text-center">Center</option>
        <option value="text-end">End</option>
    </field>
	    
    <field name="shadow" type="list" label="Shadow">
        <option value="">JNONE</option>
        <option value="shadow-sm">Small</option>
        <option value="shadow">Medium</option>
        <option value="shadow-lg">Large</option>
    </field>
    
    <field name="hover" type="list" label="Hover Effect">
        <option value="">JNONE</option>
        <option value="hover-shadow">Shadow</option>
        <option value="translate-top">Translate Top</option>
    </field>
    
    <field name="transition" type="list" label="Hover Duration">
        <option value="">JNONE</option>
        <option value="transition-1">150 ms</option>
        <option value="transition-2">300 ms</option>
        <option value="transition-3">500 ms</option>
        <option value="transition-4">750 ms</option>
        <option value="transition-5">1000 ms</option>
    </field>
	
</form>