Commit 9f6985fb authored by sajolida's avatar sajolida

Simplify code and avoid empty <div>

parent 49251335
......@@ -510,13 +510,13 @@ permitted by law.</strong></p>
<figcaption class="chart-key">
<ul class="chart-key-list">
<li class="key-blue"><div class="key-dot"></div><div class="key-label">Release management & code maintenance</div><div class="key-percent">(22%)</div></li>
<li class="key-orange"><div class="key-dot"></div><div class="key-label">Administration, fundraising & management</div><div class="key-percent">(22%)</div></li>
<li class="key-green"><div class="key-dot"></div><div class="key-label">New features</div><div class="key-percent">(21%)</div></li>
<li class="key-pink"><div class="key-dot"></div><div class="key-label">Infrastructure & sysadmin</div><div class="key-percent">(10%)</div></li>
<li class="key-brown"><div class="key-dot"></div><div class="key-label">Help desk</div><div class="key-percent">(10%)</div></li>
<li class="key-purple"><div class="key-dot"></div><div class="key-label">Meetings</div><div class="key-percent">(10%)</div></li>
<li class="key-yellow"><div class="key-dot"></div><div class="key-label">User experience & documentation</div><div class="key-percent">(5%)</div></li>
<li class="blue"><div class="key-label">Release management & code maintenance</div><div class="key-percent">(22%)</div></li>
<li class="orange"><div class="key-label">Administration, fundraising & management</div><div class="key-percent">(22%)</div></li>
<li class="green"><div class="key-label">New features</div><div class="key-percent">(21%)</div></li>
<li class="pink"><div class="key-label">Infrastructure & sysadmin</div><div class="key-percent">(10%)</div></li>
<li class="brown"><div class="key-label">Help desk</div><div class="key-percent">(10%)</div></li>
<li class="purple"><div class="key-label">Meetings</div><div class="key-percent">(10%)</div></li>
<li class="yellow"><div class="key-label">User experience & documentation</div><div class="key-percent">(5%)</div></li>
</ul>
</figcaption>
</figure>
......@@ -549,10 +549,10 @@ permitted by law.</strong></p>
<figcaption class="chart-key">
<ul class="chart-key-list">
<li class="key-blue"><div class="key-dot"></div><div class="key-label">Passionate people like you</div><div class="key-percent">(36%)</div></li>
<li class="key-orange"><div class="key-dot"></div><div class="key-label">Foundations & NGOs</div><div class="key-percent">(30%)</div><br/>like Mozilla or the Handshake Foundation</li>
<li class="key-green"><div class="key-dot"></div><div class="key-label">Entities related to the US government</div><div class="key-percent">(25%)</div><br/>like the Open Technology Fund or the ISC Project</li>
<li class="key-pink"><div class="key-dot"></div><div class="key-label">Private companies</div><div class="key-percent">(9%)</div><br/>like DuckDuckGo or Lush</li>
<li class="blue"><div class="key-label">Passionate people like you</div><div class="key-percent">(36%)</div></li>
<li class="orange"><div class="key-label">Foundations & NGOs</div><div class="key-percent">(30%)</div><br/>like Mozilla or the Handshake Foundation</li>
<li class="green"><div class="key-label">Entities related to the US government</div><div class="key-percent">(25%)</div><br/>like the Open Technology Fund or the ISC Project</li>
<li class="pink"><div class="key-label">Private companies</div><div class="key-percent">(9%)</div><br/>like DuckDuckGo or Lush</li>
</ul>
</figcaption>
</figure>
......
......@@ -1433,7 +1433,8 @@ figure.chart {
.chart-key-list li div {
display: inline-block;
}
.key-dot {
.key-label:before {
content: " ";
display: inline-block;
vertical-align: top;
margin-top: 2px;
......@@ -1449,10 +1450,10 @@ figure.chart {
.key-label, .key-percent {
font-weight: bold;
}
.key-blue .key-dot { background-color: #5da5da; }
.key-orange .key-dot { background-color: #faa43a; }
.key-green .key-dot { background-color: #60bd68; }
.key-pink .key-dot { background-color: #f17cb0; }
.key-brown .key-dot { background-color: #b2912f; }
.key-purple .key-dot { background-color: #b276b2; }
.key-yellow .key-dot { background-color: #decf3f; }
.blue .key-label:before { background-color: #5da5da; }
.orange .key-label:before { background-color: #faa43a; }
.green .key-label:before { background-color: #60bd68; }
.pink .key-label:before { background-color: #f17cb0; }
.brown .key-label:before { background-color: #b2912f; }
.purple .key-label:before { background-color: #b276b2; }
.yellow .key-label:before { background-color: #decf3f; }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment