even more styling

This commit is contained in:
Sacha Greif 2014-12-16 14:18:32 +09:00
parent b932506f56
commit 4b4997a784
4 changed files with 35 additions and 21 deletions

View file

@ -178,11 +178,11 @@ postModules = [
order: 5
},
{
template: 'postDiscuss',
template: 'postAvatars',
order: 30
},
{
template: 'postAvatars',
template: 'postDiscuss',
order: 40
},
{

View file

@ -9,7 +9,7 @@ $light-blue:#d8e9f5;
$light-blue2:#92b5c3;
$yellow:#f8e121;
$light-yellow:#fffce0;
$light-yellow:#fffcea;
$grey:#b5b0b0;
$lighter-grey:#dfdbdb;

View file

@ -163,7 +163,8 @@
}
}
.comment-text{
p{
&, p{
font-size: 16px;
@include small{
font-size: 13px;
}

View file

@ -79,22 +79,30 @@
order: 3;
}
.post-discuss{
order: 4;
order: 7;
@include small{
display: none;
}
.action-label{
@include medium-large{
display: none;
}
}
}
.post-share, .post-discuss{
width: 60px;
// width: 60px;
text-align: center;
height: 60px;
position: relative;
top: -5px;
// height: 60px;
// position: relative;
// top: -5px;
}
.post-actions{
order: 5;
order: 8;
}
.post-avatars{
order: 6
}
.post-share, .post-discuss{
.post-share{
display: none;
}
&.show-actions{
@ -127,7 +135,7 @@
border: 1px solid rgba($red, 0.3);
color: rgba($red, 0.8);
text-align: center;
line-height: 10px;
line-height: 14px;
font-weight: bold;
font-size: 20px;
}
@ -154,6 +162,10 @@
color:rgba($red, 0.8);
text-shadow:0px 1px 0px white;
line-height: 2.3;
margin: 5px;
&:before{
top: 0px;
}
&.icon-check{
display:none;
}
@ -162,8 +174,6 @@
display:none;
@include small{
display: block;
position: relative;
top: 7px;
}
}
&.not-voted:hover{
@ -297,19 +307,18 @@
}
.action{
position:relative;
display:inline-block;
display:block;
padding:0;
vertical-align:baseline;
text-align:center;
color:$light-text;
&.edit-link{
color:$red;
}
&.share-link{
color:$yellow;
color:$light-text;
}
&.discuss-link{
color:$green;
color:$light-text;
}
&.more-link{
color:$blue;
@ -332,8 +341,12 @@
}
.action-icon{
font-size: 36px;
height: 45px;
height: 36px;
display: block;
&:before{
position: relative;
top: -10px;
}
}
.action-label{
font-weight: bold;
@ -349,12 +362,12 @@
}
.action-count{
position:absolute;
top:14px;
top:4px;
display:block;
width:100%;
height:20px;
line-height:20px;
font-size:11px;
font-size:14px;
}
.post-body{
@extend .has-shadow;