테일윈드 2.0 출시

v1.0이 출시된 지 18개월 만에 Tailwind 팀에서 소개하는 Tailwind 2.0

주요 업데이트 및 새로운 기능:

새로운 색상 팔레트

이제 Tailwind에는 220가지 색상(각각 10가지 음영이 포함된 22가지 색상)이 있으며 5가지에는 회색 음영이 포함됩니다.

다크 모드

가장 원하는 기능을 지금 사용할 수 있습니다.
Tailwild의 다크 모드는 사용하기 쉬우며 배경색, 텍스트 색상, 테두리 색상 및 즉시 사용할 수 있는 그라디언트와 함께 작동합니다.

간단한 예:

<div class="lg:bg-white lg:dark:bg-black">
  <p class="text-gray-500 dark:text-gray-300">
    The feature you've all been waiting for.
  </p>
</div>

매우 넓은 2XL 중단점

1536px 이상에서 대상을 지정할 수 있는 새로운 2xl 중단점:

<h1 class="... 2xl:text-9xl">Godzilla</h1>

글꼴 크기당 기본 줄 높이

모든 유틸리티 글꼴 크기는 이제 합리적인 기본 선 높이와 함께 제공됩니다. 자세한 정보는 here입니다.

확장된 간격, 타이포그래피 및 불투명도 스케일

v2 간격 척도의 Tailwind가 확장되어 이제 모든 사용 사례에 대해 더 많은 값을 사용할 수 있습니다.

<span class="ml-0.5">Just a little nudge.</span>

<div class="p-96">This is too much padding.</div>

무엇이든 @apply 사용

모든 Tailwind 클래스에서 @apply를 사용할 수 있다는 좋은 소식입니다.

.btn {
  @apply bg-indigo-500 hover:bg-indigo-600 focus:ring-2 focus:ring-indigo-200 focus:ring-opacity-50;
}

IE11 지원 중단

누군가는 나쁜 사실이라고 말할 수 있지만 솔직히 말해서 매일 IE11을 지원하고 디버깅하는 웹 개발자의 가장 인기있는 꿈은 그대로두고 더 잘자는 것입니다.

Bootstrap 이후에 해당 단계를 수행한 Tailwind를 축하합니다.
IE11을 지원해야 하는 경우 항상 Tailwind CSS v1.9를 사용할 수 있다는 점을 잊지 마세요.

출시 노트 및 문서에서 Tailwind 2.0에 대해 자세히 알아보세요.