makyo/makyo.ink
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style cards

Browse Source
This commit is contained in:
Madison Scott-Clary
2017-09-06 14:27:19 -06:00
parent c99d4f846f
commit ce46d6cde2
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
assets/css/sass/parts/_post-card.scss
View File

@ -12,11 +12,14 @@
opacity: 0.9; opacity: 0.9;
} }
& .light-gray { & .light-gray {
background-color: $light-gray; background-color: $lighten-gray;
} }
& .light-purple { & .light-purple {
background-color: $light-purple; background-color: $light-purple;
} }
& .light-pink {
background-color: $light-pink;
}
} }
} }

2
index.html
View File

@ -4,7 +4,7 @@ layout: home-page
<ol class="post-card-box clearfix"> <ol class="post-card-box clearfix">
{% for post in paginator.posts %} {% for post in paginator.posts %}
<li> <li>
<div class="post-card{% cycle ' light-purple', ' light-gray', '', ' light-purple' %}"> <div class="post-card{% cycle ' light-purple', '', ' light-gray', ' light-pink' %}">
<a href="{{post.url | prepend: site.baseurl}}" class="post-card-image"{% if post.img %} style="background-image: url( {{ "/assets/img/" | prepend: site.baseurl | append : post.img}} )"{% endif %}> <a href="{{post.url | prepend: site.baseurl}}" class="post-card-image"{% if post.img %} style="background-image: url( {{ "/assets/img/" | prepend: site.baseurl | append : post.img}} )"{% endif %}>
</a> </a>