Skip to content

Instantly share code, notes, and snippets.

@hteumeuleu
Created August 2, 2016 15:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hteumeuleu/2a28bae848090a172c1880b7811e2d43 to your computer and use it in GitHub Desktop.
Save hteumeuleu/2a28bae848090a172c1880b7811e2d43 to your computer and use it in GitHub Desktop.
Example code from my TEDC16 talk of a basic Super Mail Forward version
<style>
* [aria-labelledby="step1"],
.step2,
.step4 {
background:grey!important;
}
@media yahoo {
.step2 {
background:green!important;
}
}
.step1 {
background:grey url('spacer.gif')!important;
background:grey!important;
}
</style>
<table>
<tr>
<td style="background:green;" class="step1" aria-labelledby="step1">AOL</td>
<td style="background:green; background:grey url(spacer.gif);" class="step2">Yahoo</td>
<td style="background:green; background:grey url(spacer.gif);" class="step3">Outlook.com</td>
<td style="background:green; background:grey url(spacer.gif);" class="step4">Gmail</td>
</tr>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment