Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
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