Engineering Note

Vanilla CSS uchun argumentlar

Nima uchun shaxsiy loyihalar uchun Tailwind ishlatishni to'xtatdim va nima yutdim. Mas'uliyatni ajratish va uzoq muddatli qo'llab-quvvatlash.

1 min#CSS#Muhandislik

Nima uchun Vanilla CSS?

Tailwind samarali, lekin u sizning belgilashingizni dizayn tizimingiz bilan mahkam bog'laydi.

Qo'llab-quvvatlash Yoki

Siz class="px-4 py-2 bg-blue-500 rounded hover:bg-blue-600" ni ko'rganingizda, u qanday ko'rinishini bilasiz. Lekin agar siz ilova bo'ylab "asosiy tugmalar"ni o'zgartirmoqchi bo'lsangiz, sizga ko'p kursorli qidiruv kerak bo'ladi.

CSS o'zgaruvchilari bilan:

.btn-primary {
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--color-primary);
  border-radius: var(--radius-sm);
}

Bu "zerikarli" kod. Va zerikarli kod qo'llab-quvvatlash uchun yaxshi.

← Blogga qaytish