mirror of
https://activitypub.software/TransFem-org/Sharkey.git
synced 2024-12-14 10:05:46 +01:00
Darken
This commit is contained in:
parent
4cfb360d44
commit
29a121f5b2
1 changed files with 12 additions and 6 deletions
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue