ホームを良くするプロジェクト
This commit is contained in:
parent
b8616b7f9e
commit
4a32c3dd6e
|
@ -19,6 +19,7 @@ html, body
|
||||||
margin 0
|
margin 0
|
||||||
padding 0
|
padding 0
|
||||||
scroll-behavior smooth
|
scroll-behavior smooth
|
||||||
|
overflow-x hidden
|
||||||
text-size-adjust 100%
|
text-size-adjust 100%
|
||||||
font-family sans-serif
|
font-family sans-serif
|
||||||
|
|
||||||
|
|
|
@ -55,31 +55,33 @@
|
||||||
width calc(100% - 68px)
|
width calc(100% - 68px)
|
||||||
|
|
||||||
> header
|
> header
|
||||||
|
display flex
|
||||||
|
flex-wrap wrap
|
||||||
margin-bottom 4px
|
margin-bottom 4px
|
||||||
white-space nowrap
|
white-space nowrap
|
||||||
|
|
||||||
> .name
|
> .name
|
||||||
display inline
|
display block
|
||||||
margin 0
|
margin 0 0.5em 0 0
|
||||||
padding 0
|
padding 0
|
||||||
|
overflow hidden
|
||||||
color #607073
|
color #607073
|
||||||
font-size 1em
|
font-size 1em
|
||||||
font-weight 700
|
font-weight 700
|
||||||
text-align left
|
text-align left
|
||||||
text-decoration none
|
text-decoration none
|
||||||
|
text-overflow ellipsis
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
text-decoration underline
|
text-decoration underline
|
||||||
|
|
||||||
> .username
|
> .username
|
||||||
text-align left
|
text-align left
|
||||||
margin 0 0 0 8px
|
margin 0
|
||||||
color #d1d8da
|
color #d1d8da
|
||||||
|
|
||||||
> .created-at
|
> .created-at
|
||||||
position absolute
|
margin-left auto
|
||||||
top 0
|
|
||||||
right 0
|
|
||||||
color #b2b8bb
|
color #b2b8bb
|
||||||
|
|
||||||
> .body
|
> .body
|
||||||
|
|
|
@ -145,27 +145,31 @@
|
||||||
width calc(100% - 74px)
|
width calc(100% - 74px)
|
||||||
|
|
||||||
> header
|
> header
|
||||||
|
display flex
|
||||||
|
flex-wrap wrap
|
||||||
white-space nowrap
|
white-space nowrap
|
||||||
|
|
||||||
@media (min-width 500px)
|
@media (min-width 500px)
|
||||||
margin-bottom 2px
|
margin-bottom 2px
|
||||||
|
|
||||||
> .name
|
> .name
|
||||||
display inline
|
display block
|
||||||
margin 0
|
margin 0 0.5em 0 0
|
||||||
padding 0
|
padding 0
|
||||||
|
overflow hidden
|
||||||
color #777
|
color #777
|
||||||
font-size 1em
|
font-size 1em
|
||||||
font-weight 700
|
font-weight 700
|
||||||
text-align left
|
text-align left
|
||||||
text-decoration none
|
text-decoration none
|
||||||
|
text-overflow ellipsis
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
text-decoration underline
|
text-decoration underline
|
||||||
|
|
||||||
> .is-bot
|
> .is-bot
|
||||||
text-align left
|
text-align left
|
||||||
margin 0 0 0 8px
|
margin 0 0.5em 0 0
|
||||||
padding 1px 6px
|
padding 1px 6px
|
||||||
font-size 12px
|
font-size 12px
|
||||||
color #aaa
|
color #aaa
|
||||||
|
@ -174,13 +178,11 @@
|
||||||
|
|
||||||
> .username
|
> .username
|
||||||
text-align left
|
text-align left
|
||||||
margin 0 0 0 8px
|
margin 0
|
||||||
color #ccc
|
color #ccc
|
||||||
|
|
||||||
> .created-at
|
> .created-at
|
||||||
position absolute
|
margin-left auto
|
||||||
top 0
|
|
||||||
right 0
|
|
||||||
font-size 0.9em
|
font-size 0.9em
|
||||||
color #c0c0c0
|
color #c0c0c0
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue