limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-15 06:27:34 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Darken

Browse source
This commit is contained in:
syuilo 2018-04-21 19:05:55 +09:00
parent 8ff9bd6b43
commit aaa71ef4b8
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
width 100%
.mk-url-preview
root(isDark)
display block
font-size 16px
border solid 1px #eee
border solid 1px isDark ? #58606b : #eee
border-radius 4px
overflow hidden
&:hover
text-decoration none
border-color #ddd
border-color isDark ? #7d8590 : #ddd
> article > header > h1
text-decoration underline
@ -99,11 +99,11 @@ iframe
> h1
margin 0
font-size 1em
color #555
color isDark ? #d6dae0 : #555
> p
margin 0
color #777
color isDark ? #a4aab3 : #777
font-size 0.8em
> footer
@ -120,7 +120,7 @@ iframe
> p
display inline-block
margin 0
color #666
color isDark ? #b0b4bf : #666
font-size 0.8em
line-height 16px
vertical-align top
@ -139,4 +139,10 @@ iframe
> article
padding 8px
.mk-url-preview[data-darkmode]
root(true)
.mk-url-preview:not([data-darkmode])
root(false)
</style>