This is the value of the class attribute of “d-textarea” on Deepl’s translator page (as taken from the DOM):
focus-visible-disabled-container bg-white text-gray-800 dark:bg-gray-800 dark:text-white DTextAreaInput_textarea__yoeN0 last:grow w-full overflow-auto rounded-inherit app:[&>div]:py-6 app:[&>div]:pl-6 app:[&>div]:pr-14 app:[&>div]:min-w-0 app:[html[dir="rtl"]_&>div]:pr-6 app:[html[dir="rtl"]_&>div]:pl-14 mobile:[&>div]:p-5 [html[dir="ltr"][data-mobile="true"]_&>div]:pr-[52px] [html[dir="rtl"][data-mobile="true"]_&>div]:pl-[52px] doctrans:md:[&>div]:pl-9 doctrans:md:[html[dir="rtl"]_&>div]:pr-9 mobile:leading-7 mobile:[&>div]:overflow-y-scroll app:overflow-auto useFontSizeClasses_default__ivYOW useFontSizeClasses_mediumText__Q63dw
This is insanity if I ever saw one 🐱☕
Pretty sure the architects of that mess think it is a nice and very maintainable thing. Which I am pretty sure it is not. Tailwind and all those CSS frameworks are like the Star Wars' dark side: easier, faster, but not better. In fact, in the long run, they are much, much worse.
But I am a BEM follower. What do I know.
