Adds information to emphasise delay between posts.

This commit is contained in:
Dominik Picheta 2018-05-08 19:52:13 +01:00
commit d27db4c8e4
2 changed files with 34 additions and 6 deletions

View file

@ -207,10 +207,6 @@ $views-color: #545d70;
}
}
.post-content {
}
.post-buttons {
float: right;
@ -301,4 +297,26 @@ blockquote {
.execution-success {
@extend .toast-success;
}
.information {
@extend .tile;
border-top: 1px solid $border-color;
padding-top: $control-padding-y-lg*2;
padding-bottom: $control-padding-y-lg*2;
color: lighten($body-font-color, 20%);
.information-title {
font-weight: bold;
}
}
.information-icon {
@extend .tile-icon;
i {
width: $unit-16;
text-align: center;
font-size: 1rem;
}
}

View file

@ -49,7 +49,7 @@
<div class="post-username">
ErikCampobadal
</div>
<div class="post-time">44m</div>
<div class="post-time">Jan 2015</div>
</div>
<div class="post-content">
<p>Hey! I'm willing to create a programming language using nim.</p>
@ -91,7 +91,7 @@
<div class="post-username">
twetzel59
</div>
<div class="post-time">32m</div>
<div class="post-time">Jan 2015</div>
</div>
<div class="post-content">
<p>Wow, I was just reading about the compilation pipeline today!</p>
@ -121,6 +121,16 @@
</div>
</div>
<div class="information">
<div class="information-icon">
<i class="fas fa-clock"></i>
</div>
<div class="information-main">
<div class="information-title">
3 YEARS LATER
</div>
</div>
</div>
<div class="post">
<div class="post-icon">