diff --git a/_includes/license-overview.html b/_includes/license-overview.html index 527f1e8..fcc2c64 100644 --- a/_includes/license-overview.html +++ b/_includes/license-overview.html @@ -36,7 +36,10 @@ {% for rule_obj in rules %} {% assign req = rule_obj.tag %} {% if variation[type] contains req %} -
  • {{ rule_obj.label }}
  • +
  • + + {{ rule_obj.label }} +
  • {% endif %} {% endfor %} diff --git a/_includes/sidebar.html b/_includes/sidebar.html index 30c1b9b..f62639e 100644 --- a/_includes/sidebar.html +++ b/_includes/sidebar.html @@ -14,7 +14,10 @@ {% if page.source %}
    - Source + + + Source +
    {% endif %} @@ -28,7 +31,10 @@ {% for rule_obj in rules %} {% assign req = rule_obj.tag %} {% if page[type] contains req %} -
  • {{ rule_obj.label }}
  • +
  • + + {{ rule_obj.label }} +
  • {% endif %} {% endfor %} diff --git a/css/application.css b/css/application.css index d190b44..b455ed5 100644 --- a/css/application.css +++ b/css/application.css @@ -263,30 +263,26 @@ strong { .license-rules .label { font-weight: bold; } + .license-rules li { - background-position: 0 1px; - background-repeat: no-repeat; - background-size: 12px 12px; margin-right: 15px; margin-bottom: 5px; - padding-left: 16px; } .license-rules li:hover { color: #443a33; } -.license-required li { - background-image: url(../img/blue-dot@2x.png); +.license-sprite { + background-image: url(../img/license-sprite.png); + background-repeat: no-repeat; + display: inline-block; } -.license-permitted li { - background-image: url(../img/green-dot@2x.png); -} - -.license-forbidden li { - background-image: url(../img/red-dot@2x.png); -} +.sidebar .source span { background-position: 0 0; width: 16px; height: 12px; } +.license-forbidden span { background-position: -16px 0; width: 12px; height: 12px; } +.license-permitted span { background-position: -28px 0; width: 12px; height: 12px; } +.license-required span { background-position: -40px 0; width: 12px; height: 12px; } .license-rules-sidebar li { float: none; @@ -346,12 +342,6 @@ strong { margin-bottom: 30px; } -.sidebar .source a { - padding-left: 20px; - background: transparent url(../img/source@2x.png) 0 1px no-repeat; - background-size: 16px 12px; -} - .sidebar .boilerplate { font: 0.7em "Courier new", courier; } @@ -493,4 +483,12 @@ strong { -moz-background-size: 72px 198px; background-size: 72px 198px; } + + .license-sprite { + background-image: url(../img/license-sprite@2x.png); + -webkit-background-size: 52px 12px; + -moz-background-size: 52px 12px; + background-size: 52px 12px; + } + } diff --git a/img/blue-dot@2x.png b/img/blue-dot@2x.png deleted file mode 100644 index 271c1de..0000000 Binary files a/img/blue-dot@2x.png and /dev/null differ diff --git a/img/green-dot@2x.png b/img/green-dot@2x.png deleted file mode 100644 index f20deb7..0000000 Binary files a/img/green-dot@2x.png and /dev/null differ diff --git a/img/license-sprite.png b/img/license-sprite.png new file mode 100644 index 0000000..656e4ac Binary files /dev/null and b/img/license-sprite.png differ diff --git a/img/license-sprite@2x.png b/img/license-sprite@2x.png new file mode 100644 index 0000000..063370e Binary files /dev/null and b/img/license-sprite@2x.png differ diff --git a/img/red-dot@2x.png b/img/red-dot@2x.png deleted file mode 100644 index 8562bc3..0000000 Binary files a/img/red-dot@2x.png and /dev/null differ diff --git a/img/source@2x.png b/img/source@2x.png deleted file mode 100644 index 7df0c66..0000000 Binary files a/img/source@2x.png and /dev/null differ