Skip to content

Instantly share code, notes, and snippets.

@dandenney
Created October 10, 2016 20:09
Show Gist options
  • Save dandenney/9325535c1a3bf0f88e6d55fb30a0c3ef to your computer and use it in GitHub Desktop.
Save dandenney/9325535c1a3bf0f88e6d55fb30a0c3ef to your computer and use it in GitHub Desktop.
<!-- ===== STYLES ========== -->
<style>
table {
border-collapse: collapse;
border-spacing: 0;
}
td.text,
td.text--footer,
.has-btn {
mso-line-height-rule: exactly;
-webkit-font-smoothing: antialiased;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
@media screen and (max-width: 600px) {
.text {
font-size: 14px !important;
line-height: 21px !important;
}
.text--footer {
font-size: 12px !important;
line-height: 18px !important;
}
.h1 {
font-size: 20px !important;
}
.h2 {
font-size: 18px !important;
}
.h3 {
font-size: 16px !important;
}
.h4 {
font-size: 14px !important;
}
.h5 {
font-size: 14px !important;
}
table {
line-height: 1.5 !important;
}
.h1, .h2, .h3, .h4, .h5 {
line-height: 1.2 !important;
}
.cs-logo {
width: 120px !important;
}
.flex-size {
max-width: 100% !important;
width: 100% !important;
}
.flex-size img {
max-width: 100% !important;
}
.s-height {
height: 10px !important;
}
.s-db {
display: block !important;
}
.s-dib {
display: inline-block !important;
}
.s-hf {
height: 0 !important;
}
.s-paf {
padding: 0 !important;
}
.s-pbf {
padding-bottom: 0 !important;
}
.s-pbm {
padding-bottom: 16px !important;
}
.s-plf {
padding-left: 0 !important;
}
.s-prf {
padding-right: 0 !important;
}
.s-pts {
padding-top: 8px !important;
}
.s-ptm {
padding-top: 16px !important;
}
.s-ptl {
padding-top: 32px !important;
}
.s-tac {
text-align: center !important;
}
.s-tal {
text-align: left !important;
}
.s-tss {
font-size: 12px !important;
}
}
@media screen and (min-device-width: 375px) and (max-device-width: 667px) {
.text {
font-size: 16px !important;
}
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment