removing hardcoded class
This commit is contained in:
parent
8a79b35713
commit
cf9f74516f
|
@ -152,6 +152,8 @@ a:hover {
|
||||||
}
|
}
|
||||||
.trackcontainer {
|
.trackcontainer {
|
||||||
flex: 1 1 360px;
|
flex: 1 1 360px;
|
||||||
|
width: 250px;
|
||||||
|
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
// background: linear-gradient(230deg, rgba(218, 159, 142, 0.1), rgba(236, 0, 228, 0.1), rgba(0, 212, 236, 0.1), rgba(0, 236, 173, 0.1), rgba(110, 0, 236, 0.1));
|
// background: linear-gradient(230deg, rgba(218, 159, 142, 0.1), rgba(236, 0, 228, 0.1), rgba(0, 212, 236, 0.1), rgba(0, 236, 173, 0.1), rgba(110, 0, 236, 0.1));
|
||||||
|
@ -179,7 +181,7 @@ a:hover {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: 50% 50%;
|
background-position: 50% 50%;
|
||||||
min-height: 300px;
|
min-height: 250px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
|
|
@ -46,7 +46,7 @@ image: /assets/img/world.svg
|
||||||
<div class="musiflex">
|
<div class="musiflex">
|
||||||
|
|
||||||
{% for track in site.tracks reversed %}
|
{% for track in site.tracks reversed %}
|
||||||
<div id="{{ track.uid }}" style="min-width:300px;" class="element-item trackcontainer {% for key in track.categories %}{{ key }} {% endfor %}">
|
<div id="{{ track.uid }}" class="element-item trackcontainer {% for key in track.categories %}{{ key }} {% endfor %}">
|
||||||
<a href="{{ track.url }}">
|
<a href="{{ track.url }}">
|
||||||
<div class="track" style="background-image:url({{ track.image }});"></div>
|
<div class="track" style="background-image:url({{ track.image }});"></div>
|
||||||
<h3>{{ track.title }}</h3>
|
<h3>{{ track.title }}</h3>
|
||||||
|
|
Loading…
Reference in a new issue