browser: above-average (di-aa) class
authorMischa POSLAWSKY <perl@shiar.org>
Wed, 10 Nov 2010 00:17:12 +0000 (01:17 +0100)
committerMischa POSLAWSKY <perl@shiar.org>
Wed, 10 Nov 2010 21:40:55 +0000 (22:40 +0100)
Distinguish between support with or without vendor prefix.

base.css
browser.plp

index 70a4429..fa09e8e 100644 (file)
--- a/base.css
+++ b/base.css
@@ -324,6 +324,7 @@ td.di-b       {background: #FDD} /* bmp */
 td.di-d       {background: #FFD} /* rfc-1345 digraph */
 td.di-prop    {background: #FED} /* proposed digraph */
 td.di-a       {background: #EFD} /* ascii */
+td.di-aa      {background: #DFD} /* ascii */
 td.di-rare    {background: #EEE} /* disfavoured */
 td.di-invalid {background: #BBB} /* impossible */
 
@@ -375,6 +376,7 @@ td.di-b:hover                                      {background: #F88}
 td.di-d:hover                                      {background: #FF8}
 td.di-prop:hover                                   {background: #FC8}
 td.di-a:hover                                      {background: #CF8}
+td.di-aa:hover                                     {background: #8F8}
 
 /* key type colorization */
 
index 7d78670..a3a984d 100644 (file)
@@ -43,7 +43,7 @@ my $caniuse = from_json($source, {
 
 my %CSTATS = (
        n => 'di-b',
-       y => 'di-a',
+       y => 'di-aa',
        a => 'di-d',
        j => 'di-prop',
        p => 'di-prop',
@@ -55,7 +55,7 @@ my %CSTATUS = (
        pr    => 'di-prop', # proposed
        cr    => 'di-d', # candidate
        rec   => 'di-a', # recommendation
-       ietf  => 'di-a', # standard
+       ietf  => 'di-aa', # standard
 );
 my @browsers = qw(trident gecko webkit_saf presto);
 my %versions;
@@ -143,10 +143,11 @@ sub paddedver {
 
 <div class="legend">
        <table class="glyphs"><tr>
-       <td class="X di-a">yes
-       <td class="X di-d">almost
-       <td class="X di-prop">plugin or js
-       <td class="X di-b">no
+       <td class="X di-aa">supported
+       <td class="X di-a">prefixed
+       <td class="X di-d">partial
+       <td class="X di-prop">external (js/plugin)
+       <td class="X di-b">missing
        </table>
 
        <div class="right">