Adds information to emphasise delay between posts.
This commit is contained in:
parent
a032c6686c
commit
d27db4c8e4
2 changed files with 34 additions and 6 deletions
|
|
@ -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;
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue