mertJF / tailblocks

Ready-to-use Tailwind CSS blocks.
https://tailblocks.cc
MIT License
8.72k stars 829 forks source link

Most of self closing elements doesn't have closing tags! #30

Closed ksorv closed 4 years ago

ksorv commented 4 years ago

Hey, I'm using TailBlocks and I see most of the self closing elements doesn't have closing tags.

Take a look at input tags on here:

<section class="text-gray-700 body-font">
  <div class="container px-5 py-24 mx-auto flex flex-wrap items-center">
    <div class="lg:w-3/5 md:w-1/2 md:pr-16 lg:pr-0 pr-0">
      <h1 class="title-font font-medium text-3xl text-gray-900">Slow-carb next level shoindcgoitch ethical authentic, poko scenester</h1>
      <p class="leading-relaxed mt-4">Poke slow-carb mixtape knausgaard, typewriter street art gentrify hammock starladder roathse. Craies vegan tousled etsy austin.</p>
    </div>
    <div class="lg:w-2/6 md:w-1/2 bg-gray-200 rounded-lg p-8 flex flex-col md:ml-auto w-full mt-10 md:mt-0">
      <h2 class="text-gray-900 text-lg font-medium title-font mb-5">Sign Up</h2>
      <input class="bg-white rounded border border-gray-400 focus:outline-none focus:border-indigo-500 text-base px-4 py-2 mb-4" placeholder="Full Name" type="text">
      <input class="bg-white rounded border border-gray-400 focus:outline-none focus:border-indigo-500 text-base px-4 py-2 mb-4" placeholder="Email" type="email">
      <button class="text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-none hover:bg-indigo-600 rounded text-lg">Button</button>
      <p class="text-xs text-gray-500 mt-3">Literally you probably haven't heard of them jean shorts.</p>
    </div>
  </div>
</section>

This is CTA#2 in tailblocks docs.

If you're busy I can do a reformat for the project, to add those as they are Standard and cause to many errors.

Log1x commented 4 years ago

What errors are they causing exactly?

From what I understand, with input's being a void element, the solidus gets ignored regardless as per #6 of the start tag html spec.

ksorv commented 4 years ago

That's interesting, I dont get it then! Why most of linters ask for a closing tag???

You're totally correct.

I'll close the issue but can you answer the question above!!! It's a headache, really.

ksorv commented 4 years ago

Ohh they were just linting errors by stupid linters, Idk may be I've not updated them or they haven't updated!

Thanks for convo thom 😊

On Thu, Jun 4, 2020, 10:26 AM Brandon notifications@github.com wrote:

What errors are they causing exactly?

From what I understand, with input's being a void element, the solidus gets ignored regardless as per #6 https://html.spec.whatwg.org/multipage/syntax.html#start-tags of the start tag html spec.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/mertJF/tailblocks/issues/30#issuecomment-638602082, or unsubscribe https://github.com/notifications/unsubscribe-auth/AIE2X24UKPUJP6CZ4RVNNZDRU4SPBANCNFSM4NSIL3TA .