@maizzle/tailwindcss/clients.css

Tailwind CSS 4 configuration for HTML emails

@variant airmail (.bloop_container &);

@variant apple-mail-10 (.Singleton &);
@variant apple-mail ([class^="apple-mail"] &);

@variant comcast (.mail-detail-content &);

@variant edison (#edo-container &);
@variant edison-ios (.edo &);
@variant edison-android (.edo-email-view &);

@variant freenet (body[marginwidth][marginheight] &);

@variant gmail (u + .body &);
@variant gmail-android (div > u + .body &);
@custom-variant gmail-ipad {
  @media only screen and (min-device-width: 768px) and (max-device-width: 1366px) {
    u + .body & {
      @slot;
    }
  }
}

@variant ios-10 (@supports (-webkit-overflow-scrolling:touch) and (color:#ffff));
@variant ios-13 ([class^="apple-mail"] &);
@variant ios (@supports (-webkit-overflow-scrolling:touch) and (aspect-ratio: 1 / 1));

@variant notion (#mail-content-wrapper &);

@variant ox (&[class^="ox-"] &);

@variant ogsc ([data-ogsc] &);
@variant ogsb ([data-ogsb] &);

@variant outlook-mac (#converted-body &);
@variant outlook-android (#converted-body &);

@variant spark (.c17637 &);

@variant superhuman (.ShadowHTML &);

@variant thunderbird (.moz-text-html &);

@variant yahoo (.\& &);