ব্রাউজার স্টাইল রিসেট

আপনার global CSS পপুলেট না করার জন্য এবং সর্বাধিক নমনীয়তার জন্য UnoCSS ডিফল্টভাবে style resetting বা preflight প্রদান করে না। আপনি যদি অন্যান্য CSS frameworks-এর সাথে UnoCSS ব্যবহার করেন, তারা সম্ভবত ইতিমধ্যে আপনার জন্য resetting করে। আপনি যদি শুধুমাত্র UnoCSS ব্যবহার করেন, আপনি Normalize.css-এর মতো resetting লাইব্রেরি ব্যবহার করতে পারেন।

আমরা আপনাকে দ্রুত তুলে নেওয়ার জন্য একটি ছোট সংগ্রহও প্রদান করি:

ইনস্টলেশন

pnpm

pnpm add @unocss/reset

yarn

yarn add @unocss/reset

npm

npm install @unocss/reset

bun

bun add @unocss/reset

ব্যবহার

আপনি আপনার main.js-এ নিম্নলিখিত reset stylesheets-এর যেকোনো একটি যোগ করতে পারেন।

Normalize.css

সোর্স: https://github.com/csstools/normalize.css

import '@unocss/reset/normalize.css'

sanitize.css

সোর্স: https://github.com/csstools/sanitize.css

import '@unocss/reset/sanitize/sanitize.css'
import '@unocss/reset/sanitize/assets.css'

Eric Meyer

সোর্স: https://meyerweb.com/eric/tools/css/reset/index.html

import '@unocss/reset/eric-meyer.css'

Tailwind

import '@unocss/reset/tailwind.css'

Tailwind compat

import '@unocss/reset/tailwind-compat.css'

এই reset Tailwind reset-এর উপর ভিত্তি করে তৈরি, UI frameworks-এর সাথে দ্বন্দ্ব এড়াতে buttons-এর background color override বাদ দিয়ে। linked issue দেখুন।

Before

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

After

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  /*background-color: transparent; !* 2 *!*/
  background-image: none; /* 2 */
}