/** * ============================================================================ * Art Festival Asia — форма элементтерінің БІРЫҢҒАЙ визуалды жүйесі * ============================================================================ * * НЕГЕ БҰЛ ФАЙЛ КЕРЕК БОЛДЫ * ------------------------- * Жобаның шаблондары Tailwind-тың `@tailwindcss/forms` плагині бар деген * болжаммен жазылған: өрістерде `rounded-lg border-slate-200 text-sm` * сияқты класстар тұр, бірақ `border` (жуандық) және `px/py` класстары * ЖОҚ — оларды әдетте сол плагин базалық қабатта береді. * * Ал сайтта Tailwind CDN плагинсіз жүктеледі. Tailwind-тың preflight * қабаты барлық элементке `border-width: 0` деп, ал `input, select, * textarea` элементтеріне `padding: 0` деп жазады. Нәтижесінде: * • өрістердің шекарасы МҮЛДЕМ көрінбейді (`border-slate-200` тек * ТҮСТІ береді, жуандығы 0 болғандықтан ол ешқашан салынбайды); * • мәтін өрістің шетіне жабысып тұрады (ішкі padding нөл). * Дәл осы екеуі — тапсырмада айтылған басты екі мәселе. * * Плагин қосудың орнына (сыртқы тәуелділік) базалық қабатты өзіміз * жазамыз — жобаның «артық кітапхана қоспау» ұстанымына сай. * * СПЕЦИФИКАЛЫҚ (specificity) ТУРАЛЫ — МАҢЫЗДЫ * ------------------------------------------- * Tailwind CDN өз стилін бетті ашқанда