From a378dbc7fff93015365f16b067215c8ab3a80b06 Mon Sep 17 00:00:00 2001
From: Mike Linksvayer <mlinksva@github.com>
Date: Mon, 2 Dec 2019 21:32:07 -0800
Subject: [PATCH] Make rules with -- eg same-license--file appear lighter in
 appendix table

Not needed elsewhere eg license view because actual rule is spelled out
and no distinction with other licenses with non-attenuated versions of
the rules is useful for eyeballing

Some visual cue other than .5 opacity might be more useful, eg smaller
or not filled in circle, but this is easy first cut given current sprite
setup
---
 appendix.md                 | 7 ++++++-
 assets/css/application.scss | 1 +
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/appendix.md b/appendix.md
index 02232ac..e08fd83 100644
--- a/appendix.md
+++ b/appendix.md
@@ -42,7 +42,12 @@ If you're here to choose a license, **[start from the home page](/)** to see a f
         {% for r in license[t] %}
           {% if r contains req %}
             <td class="license-{{ t }}" style="text-align:center">
-              <span class="{{ r }}">
+              {% if r contains "--" %}
+                {% assign lite = " lite" %}
+              {% else %}
+                {% assign lite = "" %}
+              {% endif %}
+              <span class="{{ r | append: lite }}">
                 <span class="license-sprite {{ r }}"></span>
               </span>
             </td>
diff --git a/assets/css/application.scss b/assets/css/application.scss
index e462748..4c14552 100644
--- a/assets/css/application.scss
+++ b/assets/css/application.scss
@@ -254,6 +254,7 @@ strong {
 .license-limitations span { background-position: -16px 0; width: 12px; height: 12px; }
 .license-permissions span { background-position: -28px 0; width: 12px; height: 12px; }
 .license-conditions span  { background-position: -40px 0; width: 12px; height: 12px; }
+.lite span { opacity: 0.5; }
 
 .license-rules-sidebar li {
   float: none;