UNPKG

purgetss

Version:

A package that simplifies mobile app creation for Titanium developers.

250 lines 14.7 kB
```css // Property: badgeBackgroundColor // Description: If this item displays a badge, this color will be used for the badge's background. If set to null, the default background color will be used instead. // Component(s): Ti.UI.Tab '.badge-bg-transparent': { badgeBackgroundColor: 'transparent' } '.badge-bg-black': { badgeBackgroundColor: '#000000' } '.badge-bg-white': { badgeBackgroundColor: '#ffffff' } '.badge-bg-slate-50': { badgeBackgroundColor: '#f8fafc' } '.badge-bg-slate-100': { badgeBackgroundColor: '#f1f5f9' } '.badge-bg-slate-200': { badgeBackgroundColor: '#e2e8f0' } '.badge-bg-slate-300': { badgeBackgroundColor: '#cbd5e1' } '.badge-bg-slate-400': { badgeBackgroundColor: '#94a3b8' } '.badge-bg-slate-500': { badgeBackgroundColor: '#64748b' } '.badge-bg-slate-600': { badgeBackgroundColor: '#475569' } '.badge-bg-slate-700': { badgeBackgroundColor: '#334155' } '.badge-bg-slate-800': { badgeBackgroundColor: '#1e293b' } '.badge-bg-slate-900': { badgeBackgroundColor: '#0f172a' } '.badge-bg-slate-950': { badgeBackgroundColor: '#020617' } '.badge-bg-gray-50': { badgeBackgroundColor: '#f9fafb' } '.badge-bg-gray-100': { badgeBackgroundColor: '#f3f4f6' } '.badge-bg-gray-200': { badgeBackgroundColor: '#e5e7eb' } '.badge-bg-gray-300': { badgeBackgroundColor: '#d1d5db' } '.badge-bg-gray-400': { badgeBackgroundColor: '#9ca3af' } '.badge-bg-gray-500': { badgeBackgroundColor: '#6b7280' } '.badge-bg-gray-600': { badgeBackgroundColor: '#4b5563' } '.badge-bg-gray-700': { badgeBackgroundColor: '#374151' } '.badge-bg-gray-800': { badgeBackgroundColor: '#1f2937' } '.badge-bg-gray-900': { badgeBackgroundColor: '#111827' } '.badge-bg-gray-950': { badgeBackgroundColor: '#030712' } '.badge-bg-zinc-50': { badgeBackgroundColor: '#fafafa' } '.badge-bg-zinc-100': { badgeBackgroundColor: '#f4f4f5' } '.badge-bg-zinc-200': { badgeBackgroundColor: '#e4e4e7' } '.badge-bg-zinc-300': { badgeBackgroundColor: '#d4d4d8' } '.badge-bg-zinc-400': { badgeBackgroundColor: '#a1a1aa' } '.badge-bg-zinc-500': { badgeBackgroundColor: '#71717a' } '.badge-bg-zinc-600': { badgeBackgroundColor: '#52525b' } '.badge-bg-zinc-700': { badgeBackgroundColor: '#3f3f46' } '.badge-bg-zinc-800': { badgeBackgroundColor: '#27272a' } '.badge-bg-zinc-900': { badgeBackgroundColor: '#18181b' } '.badge-bg-zinc-950': { badgeBackgroundColor: '#09090b' } '.badge-bg-neutral-50': { badgeBackgroundColor: '#fafafa' } '.badge-bg-neutral-100': { badgeBackgroundColor: '#f5f5f5' } '.badge-bg-neutral-200': { badgeBackgroundColor: '#e5e5e5' } '.badge-bg-neutral-300': { badgeBackgroundColor: '#d4d4d4' } '.badge-bg-neutral-400': { badgeBackgroundColor: '#a3a3a3' } '.badge-bg-neutral-500': { badgeBackgroundColor: '#737373' } '.badge-bg-neutral-600': { badgeBackgroundColor: '#525252' } '.badge-bg-neutral-700': { badgeBackgroundColor: '#404040' } '.badge-bg-neutral-800': { badgeBackgroundColor: '#262626' } '.badge-bg-neutral-900': { badgeBackgroundColor: '#171717' } '.badge-bg-neutral-950': { badgeBackgroundColor: '#0a0a0a' } '.badge-bg-stone-50': { badgeBackgroundColor: '#fafaf9' } '.badge-bg-stone-100': { badgeBackgroundColor: '#f5f5f4' } '.badge-bg-stone-200': { badgeBackgroundColor: '#e7e5e4' } '.badge-bg-stone-300': { badgeBackgroundColor: '#d6d3d1' } '.badge-bg-stone-400': { badgeBackgroundColor: '#a8a29e' } '.badge-bg-stone-500': { badgeBackgroundColor: '#78716c' } '.badge-bg-stone-600': { badgeBackgroundColor: '#57534e' } '.badge-bg-stone-700': { badgeBackgroundColor: '#44403c' } '.badge-bg-stone-800': { badgeBackgroundColor: '#292524' } '.badge-bg-stone-900': { badgeBackgroundColor: '#1c1917' } '.badge-bg-stone-950': { badgeBackgroundColor: '#0c0a09' } '.badge-bg-red-50': { badgeBackgroundColor: '#fef2f2' } '.badge-bg-red-100': { badgeBackgroundColor: '#fee2e2' } '.badge-bg-red-200': { badgeBackgroundColor: '#fecaca' } '.badge-bg-red-300': { badgeBackgroundColor: '#fca5a5' } '.badge-bg-red-400': { badgeBackgroundColor: '#f87171' } '.badge-bg-red-500': { badgeBackgroundColor: '#ef4444' } '.badge-bg-red-600': { badgeBackgroundColor: '#dc2626' } '.badge-bg-red-700': { badgeBackgroundColor: '#b91c1c' } '.badge-bg-red-800': { badgeBackgroundColor: '#991b1b' } '.badge-bg-red-900': { badgeBackgroundColor: '#7f1d1d' } '.badge-bg-red-950': { badgeBackgroundColor: '#450a0a' } '.badge-bg-orange-50': { badgeBackgroundColor: '#fff7ed' } '.badge-bg-orange-100': { badgeBackgroundColor: '#ffedd5' } '.badge-bg-orange-200': { badgeBackgroundColor: '#fed7aa' } '.badge-bg-orange-300': { badgeBackgroundColor: '#fdba74' } '.badge-bg-orange-400': { badgeBackgroundColor: '#fb923c' } '.badge-bg-orange-500': { badgeBackgroundColor: '#f97316' } '.badge-bg-orange-600': { badgeBackgroundColor: '#ea580c' } '.badge-bg-orange-700': { badgeBackgroundColor: '#c2410c' } '.badge-bg-orange-800': { badgeBackgroundColor: '#9a3412' } '.badge-bg-orange-900': { badgeBackgroundColor: '#7c2d12' } '.badge-bg-orange-950': { badgeBackgroundColor: '#431407' } '.badge-bg-amber-50': { badgeBackgroundColor: '#fffbeb' } '.badge-bg-amber-100': { badgeBackgroundColor: '#fef3c7' } '.badge-bg-amber-200': { badgeBackgroundColor: '#fde68a' } '.badge-bg-amber-300': { badgeBackgroundColor: '#fcd34d' } '.badge-bg-amber-400': { badgeBackgroundColor: '#fbbf24' } '.badge-bg-amber-500': { badgeBackgroundColor: '#f59e0b' } '.badge-bg-amber-600': { badgeBackgroundColor: '#d97706' } '.badge-bg-amber-700': { badgeBackgroundColor: '#b45309' } '.badge-bg-amber-800': { badgeBackgroundColor: '#92400e' } '.badge-bg-amber-900': { badgeBackgroundColor: '#78350f' } '.badge-bg-amber-950': { badgeBackgroundColor: '#451a03' } '.badge-bg-yellow-50': { badgeBackgroundColor: '#fefce8' } '.badge-bg-yellow-100': { badgeBackgroundColor: '#fef9c3' } '.badge-bg-yellow-200': { badgeBackgroundColor: '#fef08a' } '.badge-bg-yellow-300': { badgeBackgroundColor: '#fde047' } '.badge-bg-yellow-400': { badgeBackgroundColor: '#facc15' } '.badge-bg-yellow-500': { badgeBackgroundColor: '#eab308' } '.badge-bg-yellow-600': { badgeBackgroundColor: '#ca8a04' } '.badge-bg-yellow-700': { badgeBackgroundColor: '#a16207' } '.badge-bg-yellow-800': { badgeBackgroundColor: '#854d0e' } '.badge-bg-yellow-900': { badgeBackgroundColor: '#713f12' } '.badge-bg-yellow-950': { badgeBackgroundColor: '#422006' } '.badge-bg-lime-50': { badgeBackgroundColor: '#f7fee7' } '.badge-bg-lime-100': { badgeBackgroundColor: '#ecfccb' } '.badge-bg-lime-200': { badgeBackgroundColor: '#d9f99d' } '.badge-bg-lime-300': { badgeBackgroundColor: '#bef264' } '.badge-bg-lime-400': { badgeBackgroundColor: '#a3e635' } '.badge-bg-lime-500': { badgeBackgroundColor: '#84cc16' } '.badge-bg-lime-600': { badgeBackgroundColor: '#65a30d' } '.badge-bg-lime-700': { badgeBackgroundColor: '#4d7c0f' } '.badge-bg-lime-800': { badgeBackgroundColor: '#3f6212' } '.badge-bg-lime-900': { badgeBackgroundColor: '#365314' } '.badge-bg-lime-950': { badgeBackgroundColor: '#1a2e05' } '.badge-bg-green-50': { badgeBackgroundColor: '#f0fdf4' } '.badge-bg-green-100': { badgeBackgroundColor: '#dcfce7' } '.badge-bg-green-200': { badgeBackgroundColor: '#bbf7d0' } '.badge-bg-green-300': { badgeBackgroundColor: '#86efac' } '.badge-bg-green-400': { badgeBackgroundColor: '#4ade80' } '.badge-bg-green-500': { badgeBackgroundColor: '#22c55e' } '.badge-bg-green-600': { badgeBackgroundColor: '#16a34a' } '.badge-bg-green-700': { badgeBackgroundColor: '#15803d' } '.badge-bg-green-800': { badgeBackgroundColor: '#166534' } '.badge-bg-green-900': { badgeBackgroundColor: '#14532d' } '.badge-bg-green-950': { badgeBackgroundColor: '#052e16' } '.badge-bg-emerald-50': { badgeBackgroundColor: '#ecfdf5' } '.badge-bg-emerald-100': { badgeBackgroundColor: '#d1fae5' } '.badge-bg-emerald-200': { badgeBackgroundColor: '#a7f3d0' } '.badge-bg-emerald-300': { badgeBackgroundColor: '#6ee7b7' } '.badge-bg-emerald-400': { badgeBackgroundColor: '#34d399' } '.badge-bg-emerald-500': { badgeBackgroundColor: '#10b981' } '.badge-bg-emerald-600': { badgeBackgroundColor: '#059669' } '.badge-bg-emerald-700': { badgeBackgroundColor: '#047857' } '.badge-bg-emerald-800': { badgeBackgroundColor: '#065f46' } '.badge-bg-emerald-900': { badgeBackgroundColor: '#064e3b' } '.badge-bg-emerald-950': { badgeBackgroundColor: '#022c22' } '.badge-bg-teal-50': { badgeBackgroundColor: '#f0fdfa' } '.badge-bg-teal-100': { badgeBackgroundColor: '#ccfbf1' } '.badge-bg-teal-200': { badgeBackgroundColor: '#99f6e4' } '.badge-bg-teal-300': { badgeBackgroundColor: '#5eead4' } '.badge-bg-teal-400': { badgeBackgroundColor: '#2dd4bf' } '.badge-bg-teal-500': { badgeBackgroundColor: '#14b8a6' } '.badge-bg-teal-600': { badgeBackgroundColor: '#0d9488' } '.badge-bg-teal-700': { badgeBackgroundColor: '#0f766e' } '.badge-bg-teal-800': { badgeBackgroundColor: '#115e59' } '.badge-bg-teal-900': { badgeBackgroundColor: '#134e4a' } '.badge-bg-teal-950': { badgeBackgroundColor: '#042f2e' } '.badge-bg-cyan-50': { badgeBackgroundColor: '#ecfeff' } '.badge-bg-cyan-100': { badgeBackgroundColor: '#cffafe' } '.badge-bg-cyan-200': { badgeBackgroundColor: '#a5f3fc' } '.badge-bg-cyan-300': { badgeBackgroundColor: '#67e8f9' } '.badge-bg-cyan-400': { badgeBackgroundColor: '#22d3ee' } '.badge-bg-cyan-500': { badgeBackgroundColor: '#06b6d4' } '.badge-bg-cyan-600': { badgeBackgroundColor: '#0891b2' } '.badge-bg-cyan-700': { badgeBackgroundColor: '#0e7490' } '.badge-bg-cyan-800': { badgeBackgroundColor: '#155e75' } '.badge-bg-cyan-900': { badgeBackgroundColor: '#164e63' } '.badge-bg-cyan-950': { badgeBackgroundColor: '#083344' } '.badge-bg-sky-50': { badgeBackgroundColor: '#f0f9ff' } '.badge-bg-sky-100': { badgeBackgroundColor: '#e0f2fe' } '.badge-bg-sky-200': { badgeBackgroundColor: '#bae6fd' } '.badge-bg-sky-300': { badgeBackgroundColor: '#7dd3fc' } '.badge-bg-sky-400': { badgeBackgroundColor: '#38bdf8' } '.badge-bg-sky-500': { badgeBackgroundColor: '#0ea5e9' } '.badge-bg-sky-600': { badgeBackgroundColor: '#0284c7' } '.badge-bg-sky-700': { badgeBackgroundColor: '#0369a1' } '.badge-bg-sky-800': { badgeBackgroundColor: '#075985' } '.badge-bg-sky-900': { badgeBackgroundColor: '#0c4a6e' } '.badge-bg-sky-950': { badgeBackgroundColor: '#082f49' } '.badge-bg-blue-50': { badgeBackgroundColor: '#eff6ff' } '.badge-bg-blue-100': { badgeBackgroundColor: '#dbeafe' } '.badge-bg-blue-200': { badgeBackgroundColor: '#bfdbfe' } '.badge-bg-blue-300': { badgeBackgroundColor: '#93c5fd' } '.badge-bg-blue-400': { badgeBackgroundColor: '#60a5fa' } '.badge-bg-blue-500': { badgeBackgroundColor: '#3b82f6' } '.badge-bg-blue-600': { badgeBackgroundColor: '#2563eb' } '.badge-bg-blue-700': { badgeBackgroundColor: '#1d4ed8' } '.badge-bg-blue-800': { badgeBackgroundColor: '#1e40af' } '.badge-bg-blue-900': { badgeBackgroundColor: '#1e3a8a' } '.badge-bg-blue-950': { badgeBackgroundColor: '#172554' } '.badge-bg-indigo-50': { badgeBackgroundColor: '#eef2ff' } '.badge-bg-indigo-100': { badgeBackgroundColor: '#e0e7ff' } '.badge-bg-indigo-200': { badgeBackgroundColor: '#c7d2fe' } '.badge-bg-indigo-300': { badgeBackgroundColor: '#a5b4fc' } '.badge-bg-indigo-400': { badgeBackgroundColor: '#818cf8' } '.badge-bg-indigo-500': { badgeBackgroundColor: '#6366f1' } '.badge-bg-indigo-600': { badgeBackgroundColor: '#4f46e5' } '.badge-bg-indigo-700': { badgeBackgroundColor: '#4338ca' } '.badge-bg-indigo-800': { badgeBackgroundColor: '#3730a3' } '.badge-bg-indigo-900': { badgeBackgroundColor: '#312e81' } '.badge-bg-indigo-950': { badgeBackgroundColor: '#1e1b4b' } '.badge-bg-violet-50': { badgeBackgroundColor: '#f5f3ff' } '.badge-bg-violet-100': { badgeBackgroundColor: '#ede9fe' } '.badge-bg-violet-200': { badgeBackgroundColor: '#ddd6fe' } '.badge-bg-violet-300': { badgeBackgroundColor: '#c4b5fd' } '.badge-bg-violet-400': { badgeBackgroundColor: '#a78bfa' } '.badge-bg-violet-500': { badgeBackgroundColor: '#8b5cf6' } '.badge-bg-violet-600': { badgeBackgroundColor: '#7c3aed' } '.badge-bg-violet-700': { badgeBackgroundColor: '#6d28d9' } '.badge-bg-violet-800': { badgeBackgroundColor: '#5b21b6' } '.badge-bg-violet-900': { badgeBackgroundColor: '#4c1d95' } '.badge-bg-violet-950': { badgeBackgroundColor: '#2e1065' } '.badge-bg-purple-50': { badgeBackgroundColor: '#faf5ff' } '.badge-bg-purple-100': { badgeBackgroundColor: '#f3e8ff' } '.badge-bg-purple-200': { badgeBackgroundColor: '#e9d5ff' } '.badge-bg-purple-300': { badgeBackgroundColor: '#d8b4fe' } '.badge-bg-purple-400': { badgeBackgroundColor: '#c084fc' } '.badge-bg-purple-500': { badgeBackgroundColor: '#a855f7' } '.badge-bg-purple-600': { badgeBackgroundColor: '#9333ea' } '.badge-bg-purple-700': { badgeBackgroundColor: '#7e22ce' } '.badge-bg-purple-800': { badgeBackgroundColor: '#6b21a8' } '.badge-bg-purple-900': { badgeBackgroundColor: '#581c87' } '.badge-bg-purple-950': { badgeBackgroundColor: '#3b0764' } '.badge-bg-fuchsia-50': { badgeBackgroundColor: '#fdf4ff' } '.badge-bg-fuchsia-100': { badgeBackgroundColor: '#fae8ff' } '.badge-bg-fuchsia-200': { badgeBackgroundColor: '#f5d0fe' } '.badge-bg-fuchsia-300': { badgeBackgroundColor: '#f0abfc' } '.badge-bg-fuchsia-400': { badgeBackgroundColor: '#e879f9' } '.badge-bg-fuchsia-500': { badgeBackgroundColor: '#d946ef' } '.badge-bg-fuchsia-600': { badgeBackgroundColor: '#c026d3' } '.badge-bg-fuchsia-700': { badgeBackgroundColor: '#a21caf' } '.badge-bg-fuchsia-800': { badgeBackgroundColor: '#86198f' } '.badge-bg-fuchsia-900': { badgeBackgroundColor: '#701a75' } '.badge-bg-fuchsia-950': { badgeBackgroundColor: '#4a044e' } '.badge-bg-pink-50': { badgeBackgroundColor: '#fdf2f8' } '.badge-bg-pink-100': { badgeBackgroundColor: '#fce7f3' } '.badge-bg-pink-200': { badgeBackgroundColor: '#fbcfe8' } '.badge-bg-pink-300': { badgeBackgroundColor: '#f9a8d4' } '.badge-bg-pink-400': { badgeBackgroundColor: '#f472b6' } '.badge-bg-pink-500': { badgeBackgroundColor: '#ec4899' } '.badge-bg-pink-600': { badgeBackgroundColor: '#db2777' } '.badge-bg-pink-700': { badgeBackgroundColor: '#be185d' } '.badge-bg-pink-800': { badgeBackgroundColor: '#9d174d' } '.badge-bg-pink-900': { badgeBackgroundColor: '#831843' } '.badge-bg-pink-950': { badgeBackgroundColor: '#500724' } '.badge-bg-rose-50': { badgeBackgroundColor: '#fff1f2' } '.badge-bg-rose-100': { badgeBackgroundColor: '#ffe4e6' } '.badge-bg-rose-200': { badgeBackgroundColor: '#fecdd3' } '.badge-bg-rose-300': { badgeBackgroundColor: '#fda4af' } '.badge-bg-rose-400': { badgeBackgroundColor: '#fb7185' } '.badge-bg-rose-500': { badgeBackgroundColor: '#f43f5e' } '.badge-bg-rose-600': { badgeBackgroundColor: '#e11d48' } '.badge-bg-rose-700': { badgeBackgroundColor: '#be123c' } '.badge-bg-rose-800': { badgeBackgroundColor: '#9f1239' } '.badge-bg-rose-900': { badgeBackgroundColor: '#881337' } '.badge-bg-rose-950': { badgeBackgroundColor: '#4c0519' } ```