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 {
|
.post-buttons {
|
||||||
float: right;
|
float: right;
|
||||||
|
|
||||||
|
|
@ -302,3 +298,25 @@ blockquote {
|
||||||
.execution-success {
|
.execution-success {
|
||||||
@extend .toast-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">
|
<div class="post-username">
|
||||||
ErikCampobadal
|
ErikCampobadal
|
||||||
</div>
|
</div>
|
||||||
<div class="post-time">44m</div>
|
<div class="post-time">Jan 2015</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="post-content">
|
<div class="post-content">
|
||||||
<p>Hey! I'm willing to create a programming language using nim.</p>
|
<p>Hey! I'm willing to create a programming language using nim.</p>
|
||||||
|
|
@ -91,7 +91,7 @@
|
||||||
<div class="post-username">
|
<div class="post-username">
|
||||||
twetzel59
|
twetzel59
|
||||||
</div>
|
</div>
|
||||||
<div class="post-time">32m</div>
|
<div class="post-time">Jan 2015</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="post-content">
|
<div class="post-content">
|
||||||
<p>Wow, I was just reading about the compilation pipeline today!</p>
|
<p>Wow, I was just reading about the compilation pipeline today!</p>
|
||||||
|
|
@ -121,6 +121,16 @@
|
||||||
</div>
|
</div>
|
||||||
</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">
|
||||||
<div class="post-icon">
|
<div class="post-icon">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue