Skip to content

Latest commit

 

History

History
161 lines (113 loc) · 3.29 KB

deprecated.md

File metadata and controls

161 lines (113 loc) · 3.29 KB
Raw

Deprecated

All of the following resets have been tested and are no longer necessary.

#outlook a

Deprecated: 2016?

#outlook a {
  padding: 0;
}

This was used to force Outlook on Windows to provide a "View in Browser" message that the user could click to view the email in their browser.

While this was never intended for styling purposes, we've included it since it can (still!) be commonly found in 'email reset boilerplate' code, and it can be safely removed.

.ReadMsgBody

Deprecated: February 2021

.ReadMsgBody {
  width: 100%;
}

The .ReadMsgBody class was used to force Hotmail/Outlook.com to display the email at full width.

.ExternalClass

Deprecated: February 2021

.ExternalClass {
  width: 100%;
}

.ExternalClass was also used to target Hotmail/Outlook.com.

This was also used to reset the line-height:

.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass td,
.ExternalClass div {
  line-height: 100%;
}

*-text-size-adjust

Deprecated: June 2021

* {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

webkit- and ms- prefixed text-size-adjust were used to render font sizes under 13px - an antipattern commonly used in footer text in the past.

It is now common practice to use a 14px minimum font size, for legibility.

-ms-interpolation-mode

Deprecated: June 15, 2022

img {
  -ms-interpolation-mode: bicubic !important;
}

-ms-interpolation-mode was used for re-sampling images that needed to stretch.

Since IE8, this has been set as bicubic.

This now only works in IE11, which also has a default of bicubic. Outlook also has bicubic set as default, so no need to specify it anymore.

.yshortcuts a

Deprecated: N/A

.yshortcuts,
.yshortcuts:hover,
.yshortcuts:active,
.yshortcuts:focus {
  background-color: none;
  border: none;
  color: #000000;
  text-decoration:none;
}

Yahoo! used to convert some keywords in your text to links.

Sometimes, if you were using link names to popular items like "Washer & Dryer", Yahoo! inserted a <span class="yshortcuts"> inside your <a> tags.

data-outlook-cycle

Deprecated: June 14, 2021

body[data-outlook-cycle] a {
  color: inherit !important;
  text-decoration: none;
}

This was used to reset styling of auto-linked text in the Outlook apps (iOS and Android), but an update rolling out since June 14th 2021 has rendered this useless.

.im

Deprecated: June 2021

Prevented Gmail from changing the text color in conversation threads.

.im {
  color: inherit !important;
}

.a6S

Deprecated: June 2021

Prevented Gmail from displaying a download button on large, non-linked images.

.a6S {
  display: none !important;
  opacity: 0.01 !important;
}

.aBn

Deprecated: June 2021

Prevented Gmail from auto-styling triggered links, like dates or phone numbers.

.aBn {
  border-bottom: 0 !important;
  cursor: default !important;
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}