Tailwindcss Renk kodları ile modal yapımı

main classes

• modal

  modal'ı gösteren sınıftır.

• hello

  modal'ımızın başlık bölümüdür.

• lorem

  modal'ımızın içerik bölümüdür.

position classes

• modal-center

  modal'ımızı yatay düzlemde ekranın ortasına yerleştirir.

• modal-in-center

  modal'ımızın içerisinde yer alan elemanları modal içerisinde yatay ve dikey düzelemde ortalar.

theme classes

• modal-slate

  modal'ı slate temasına büründürür.

• modal-gray

  modal'ı gray temasına büründürür.

• modal-zinc

  modal'ı zinc temasına büründürür.

• modal-neutral

  modal'ı neutral temasına büründürür.

• modal-stone

  modal'ı stone temasına büründürür.

• modal-red

  modal'ı red temasına büründürür.

• modal-orange

  modal'ı orange temasına büründürür.

• modal-amber

  modal'ı amber temasına büründürür.

• modal-yellow

  modal'ı yellow temasına büründürür.

• modal-lime

  modal'ı lime temasına büründürür.

• modal-green

  modal'ı green temasına büründürür.

• modal-emerald

  modal'ı emerald temasına büründürür.

• modal-teal

  modal'ı teal temasına büründürür.

• modal-cyan

  modal'ı cyan temasına büründürür.

• modal-sky

  modal'ı sky temasına büründürür.

• modal-blue

  modal'ı blue temasına büründürür.

• modal-indigo

  modal'ı indigo temasına büründürür.

• modal-violet

  modal'ı violet temasına büründürür.

• modal-purple

  modal'ı purple temasına büründürür.

• modal-fuchsia

  modal'ı fuchsia temasına büründürür.

• modal-pink

  modal'ı pink temasına büründürür.

• modal-rose

  modal'ı rose temasına büründürür.

sizes classes

• modal-xxl

  modal'ı xxl boyutlarına getirir

• modal-xl

  modal'ı xl boyutlarına getirir

• modal-lg

  modal'ı lg boyutlarına getirir

• modal-md

  modal'ı md boyutlarına getirir

• modal-normal

  modal'ı normal boyutlarına getirir

• modal-sm

  modal'ı sm boyutlarına getirir

• modal-xs

  modal'ı xs boyutlarına getirir

• modal-xxs

  modal'ı xxs boyutlarına getirir