change features list style to match modules.

This commit is contained in:
foamyguy 2024-11-04 09:25:03 -06:00
parent 8a284f5a6d
commit 5565a34754
2 changed files with 7 additions and 15 deletions

View file

@ -178,9 +178,11 @@
{% endif %}
{% if page.features %}
<p>Features:
{% for feature in page.features %}
<span class="feature-span">{{feature}}</span>
{% endfor %}
<span class="features-list">
{% for feature in page.features %}
<a class="library-link" href="/downloads?features={{ feature }}">{{feature}}</a>{% unless forloop.last %}, {% endunless %}
{% endfor %}
</span>
</p>
{% endif %}
</div>

View file

@ -116,7 +116,7 @@
background-color: $purple;
}
.download-modules {
.download-modules, .features-list {
color: $purple;
}
}
@ -135,7 +135,7 @@
a.download-button:hover, a.download-button-unrecommended:hover {
background-color: $purple;
}
.download-modules {
.download-modules, .features-list {
color: $purple;
}
}
@ -184,16 +184,6 @@
}
}
}
.feature-span {
padding: 2px 4px 2px 4px;
margin-left: 3px;
margin-bottom: 3px;
display: inline-block;
background-color: $purple;
color: #fff;
border-radius: 5px;
font-size: 14px;
}
}
@media (max-width: $screen-lg) {