browser: above-average (di-aa) class

Distinguish between support with or without vendor prefix.

diff --git a/base.css b/base.css
index 70a4429063484fc8178851d18f26fa49b00fd7f0..fa09e8e93e176fd986108e2b1954aa4ad5f2ea7e 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-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 */
 
 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-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 */
 
 
 /* key type colorization */
 

diff --git a/browser.plp b/browser.plp
index 7d78670255463e64223d93a4307474768c322f72..a3a984da9f75564f25b58d4f5c528f3aa8e423c6 100644 (file)
--- a/browser.plp
+++ b/browser.plp
@@ -43,7 +43,7 @@ my $caniuse = from_json($source, {
 
 my %CSTATS = (
        n => 'di-b',
 
 my %CSTATS = (
        n => 'di-b',

-       y => 'di-a',
+       y => 'di-aa',

        a => 'di-d',
        j => 'di-prop',
        p => 'di-prop',
        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
        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;
 );
 my @browsers = qw(trident gecko webkit_saf presto);
 my %versions;


@@ -143,10 +143,11 @@ sub paddedver {
 
 <div class="legend">
        <table class="glyphs"><tr>
 
 <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">
        </table>
 
        <div class="right">