hiro/Vulcan
1
0
Fork 0
mirror of https://github.com/vale981/Vulcan synced 2025-03-06 18:11:40 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

even more styling

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/telescope-base/lib/base.js
View file

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

2
packages/telescope-theme-base/lib/client/scss/includes/_colors.scss
View file

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

3
packages/telescope-theme-hubble/lib/client/scss/modules/_comments.scss
View file

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

47
packages/telescope-theme-hubble/lib/client/scss/modules/_posts.scss
View file

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