Skip to content

Add 'input:not([type])' to basecoat.css for minified .html files #87

@0x546F6D

Description

@0x546F6D

tdewolff/minify removes the default attribute type='text' from <input>.

I can use minify --html-keep-default-attrvals to keep type='text', but with this parameter enabled, a lot of other unnecessary attributes are kept in the minified .html.

Another cleaner solution could be to add input:not([type]) to basecoat.css:

/* Input */
@layer components {
  .form input:not([type]),
  .form input[type='text'],
  .form input[type='email'],
  .form input[type='password'],
  .form input[type='number'],
  .form input[type='file'],
  .form input[type='tel'],
  .form input[type='url'],
  .form input[type='search'],
  .form input[type='date'],
  .form input[type='datetime-local'],
  .form input[type='month'],
  .form input[type='week'],
  .form input[type='time'],
  .input:not([type]),
  .input[type='text'],
  .input[type='email'],
  .input[type='password'],
  .input[type='number'],
  .input[type='file'],
  .input[type='tel'],
  .input[type='url'],
  .input[type='search'],
  .input[type='date'],
  .input[type='datetime-local'],
  .input[type='month'],
  .input[type='week'],
  .input[type='time'] {
    @apply appearance-none file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm;
    @apply focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px];
    @apply aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive;
  }
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions