archive/pillar
0
0
Fork 0
Code Issues 42 Pull Requests Projects Releases Wiki Activity

Minor style tweaks to comments

Browse Source
This commit is contained in:
Pablo Vazquez
2017-10-15 05:52:49 +02:00
parent 3bcf4eaebd
commit 72507d7bb2
1 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/styles/_comments.sass
View File

@@ -21,15 +21,14 @@ $comments-width-max: 710px
&-title &-title
padding: 15px 0 10px 0 padding: 15px 0 10px 0
font-size: 1.3em font-size: 1.1em
font-weight: 300 font-weight: 300
color: $color-text-dark-hint color: rgba($color-text, .5)
/* Each comment on the list*/ /* Each comment on the list*/
.comment-container, .comment-container,
.comment-reply-container .comment-reply-container
display: flex display: flex
position: relative position: relative
padding: 15px 0 20px 0 padding: 15px 0 20px 0
transition: background-color 150ms ease-in-out, padding 150ms ease-in-out, margin 150ms ease-in-out transition: background-color 150ms ease-in-out, padding 150ms ease-in-out, margin 150ms ease-in-out
@@ -128,8 +127,8 @@ $comments-width-max: 710px
margin-bottom: 0 margin-bottom: 0
strong, b strong, b
font-weight: 500 font-weight: bold
color: $color-info color: $color-text
img.emoji img.emoji
padding-top: inherit padding-top: inherit
@@ -213,6 +212,9 @@ $comments-width-max: 710px
.comment-action-reply .comment-action-reply
color: $color-primary color: $color-primary
&:hover
text-decoration: underline
.comment-action-reply, .comment-action-reply,
.comment-action-edit .comment-action-edit
padding-left: 10px padding-left: 10px
@@ -224,6 +226,7 @@ $comments-width-max: 710px
font-weight: 600 font-weight: 600
left: -10px left: -10px
position: relative position: relative
text-decoration: none
span span
cursor: pointer cursor: pointer
@@ -257,7 +260,7 @@ $comments-width-max: 710px
left: 20px left: 20px
top: 5px top: 5px
margin-left: 35px margin-left: 35px
box-shadow: inset 3px 0 0 $color-background-dark box-shadow: inset 3px 0 0 $color-background
+media-xs +media-xs
padding-left: 15px padding-left: 15px
@@ -394,9 +397,6 @@ $comments-width-max: 710px
color: $color-text-dark-primary color: $color-text-dark-primary
cursor: default cursor: default
a
margin-right: 4px
&-preview &-preview
background-color: $color-background-light background-color: $color-background-light
border-bottom-left-radius: 3px border-bottom-left-radius: 3px
@@ -450,6 +450,7 @@ $comments-width-max: 710px
width: 100px width: 100px
button.comment-action-submit button.comment-action-submit
background: transparent
border: none border: none
border-top-left-radius: 0 border-top-left-radius: 0
border-bottom-left-radius: 0 border-bottom-left-radius: 0
@@ -462,7 +463,7 @@ $comments-width-max: 710px
width: 100% width: 100%
&:focus &:focus
background-color: $color-background-light background: lighten($color-success, 10%)
&.submitting &.submitting
color: $color-info color: $color-info