Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Darken

Browse source
This commit is contained in:
syuilo 2018-04-21 19:05:55 +09:00
parent 4cfb360d44
commit 29a121f5b2
1 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/client/app/common/views/components/url-preview.vue
View file

@ -65,16 +65,16 @@ export default Vue.extend({
iframe iframe
width 100% width 100%
.mk-url-preview root(isDark)
display block display block
font-size 16px font-size 16px
border solid 1px #eee border solid 1px isDark ? #58606b : #eee
border-radius 4px border-radius 4px
overflow hidden overflow hidden
&:hover &:hover
text-decoration none text-decoration none
border-color #ddd border-color isDark ? #7d8590 : #ddd
> article > header > h1 > article > header > h1
text-decoration underline text-decoration underline
@ -99,11 +99,11 @@ iframe
> h1 > h1
margin 0 margin 0
font-size 1em font-size 1em
color #555 color isDark ? #d6dae0 : #555
> p > p
margin 0 margin 0
color #777 color isDark ? #a4aab3 : #777
font-size 0.8em font-size 0.8em
> footer > footer
@ -120,7 +120,7 @@ iframe
> p > p
display inline-block display inline-block
margin 0 margin 0
color #666 color isDark ? #b0b4bf : #666
font-size 0.8em font-size 0.8em
line-height 16px line-height 16px
vertical-align top vertical-align top
@ -139,4 +139,10 @@ iframe
> article > article
padding 8px padding 8px
.mk-url-preview[data-darkmode]
root(true)
.mk-url-preview:not([data-darkmode])
root(false)
</style> </style>