mirror of
https://github.com/vale981/Vulcan
synced 2025-03-08 19:11:38 -05:00
Update _posts.scss
This commit is contained in:
parent
594eb2f998
commit
a774b5b2e4
1 changed files with 244 additions and 268 deletions
|
@ -1,11 +1,9 @@
|
|||
|
||||
// ------------------------------------ posts ------------------------------------ //
|
||||
|
||||
.posts-wrapper {
|
||||
padding: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.single-post .posts {
|
||||
margin-bottom: 10px;
|
||||
.post {
|
||||
|
@ -13,7 +11,6 @@
|
|||
@extend .has-shadow;
|
||||
}
|
||||
}
|
||||
|
||||
// ------------------------------------ post ------------------------------------ //
|
||||
|
||||
.post {
|
||||
|
@ -40,9 +37,7 @@
|
|||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVQYV2NkIALMnDlTkpGQOpCi9PT053gVwhSBDMOpEFkRToXoirAqxKYIQyEuRSgK8SmCKySkCKyQGEUghQC5OyXvW/4BHwAAAABJRU5ErkJggg==');
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// ------------------------------ posts-list layout ------------------------------ //
|
||||
|
||||
.posts-list {
|
||||
|
@ -105,7 +100,8 @@
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
.post-share, .post-discuss{
|
||||
.post-share,
|
||||
.post-discuss {
|
||||
// width: 60px;
|
||||
text-align: center;
|
||||
// height: 60px;
|
||||
|
@ -128,7 +124,9 @@
|
|||
.post-content {
|
||||
display: none;
|
||||
}
|
||||
.post-share, .post-discuss, .post-upvote{
|
||||
.post-share,
|
||||
.post-discuss,
|
||||
.post-upvote {
|
||||
flex-grow: 1;
|
||||
display: block;
|
||||
}
|
||||
|
@ -139,7 +137,6 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ------------------------------ posts-grid layout ------------------------------ //
|
||||
|
||||
.posts-grid {
|
||||
|
@ -221,13 +218,11 @@
|
|||
padding: 8px 0px 2px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
// -------------------------------- post modules --------------------------------- //
|
||||
|
||||
.post-module.post-rank {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.post-upvote {
|
||||
.upvote-link {
|
||||
position: relative;
|
||||
|
@ -239,13 +234,15 @@
|
|||
opacity: 0.4;
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
border: 1px solid rgba($red, 0.3);
|
||||
border: 1px solid rgba($red,
|
||||
0.3);
|
||||
font-size: 10px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
// line-height: $grid-unit;
|
||||
color:rgba($red, 0.8);
|
||||
color: rgba($red,
|
||||
0.8);
|
||||
text-shadow: 0px 1px 0px white;
|
||||
line-height: 2.3;
|
||||
margin: 5px;
|
||||
|
@ -260,8 +257,7 @@
|
|||
display: none;
|
||||
}
|
||||
&.not-voted:hover {
|
||||
i{
|
||||
opacity: 1;
|
||||
i{opacity: 1;
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
@ -279,7 +275,6 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post-content {
|
||||
min-height: $grid-unit - 30px;
|
||||
.post-sticky {
|
||||
|
@ -296,7 +291,6 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post-avatars {
|
||||
display: inline-block;
|
||||
display: flex;
|
||||
|
@ -331,13 +325,11 @@
|
|||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.post-discuss {
|
||||
.action-label {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.post-actions {
|
||||
display: none;
|
||||
text-align: right;
|
||||
|
@ -360,7 +352,6 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post-share {
|
||||
display: none;
|
||||
}
|
||||
|
@ -392,7 +383,6 @@
|
|||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.post-meta {
|
||||
font-size: 13px;
|
||||
color: $light-text;
|
||||
|
@ -402,7 +392,9 @@
|
|||
line-height: 1.7;
|
||||
}
|
||||
a {
|
||||
&:link, &:visited, &:active{
|
||||
&:link,
|
||||
&:visited,
|
||||
&:active {
|
||||
color: $medium-text;
|
||||
}
|
||||
&:hover {
|
||||
|
@ -413,7 +405,6 @@
|
|||
.post-meta-item {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.post-body {
|
||||
@extend .has-shadow;
|
||||
border-radius: 3px;
|
||||
|
@ -425,11 +416,9 @@
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.post.sticky {
|
||||
background: $light-yellow;
|
||||
}
|
||||
|
||||
// -------------------------------- mobile view --------------------------------- //
|
||||
|
||||
|
||||
|
@ -476,7 +465,6 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
// -------------------------------- other --------------------------------- //
|
||||
|
||||
.no-posts {
|
||||
|
@ -488,18 +476,9 @@
|
|||
margin-bottom: 10px;
|
||||
color: black(0.5);
|
||||
}
|
||||
|
||||
.empty-notice {
|
||||
text-align: center;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.action{
|
||||
position:relative;
|
||||
display:block;
|
||||
padding:0;
|
||||
text-align:center;
|
||||
color:$light-text;
|
||||
&.edit-link {
|
||||
color: $red;
|
||||
}
|
||||
|
@ -513,7 +492,8 @@
|
|||
color: $blue;
|
||||
}
|
||||
&:hover {
|
||||
&, .action{
|
||||
&,
|
||||
.action {
|
||||
color: $red;
|
||||
}
|
||||
}
|
||||
|
@ -521,14 +501,12 @@
|
|||
color: white;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.points {
|
||||
display: block;
|
||||
font-size: 30px;
|
||||
line-height: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.more-button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
@ -545,8 +523,6 @@
|
|||
background: black(0.15);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.module {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue