This commit is contained in:
syuilo 2018-09-26 20:19:35 +09:00
parent d2d3f7810e
commit 904114740b
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
110 changed files with 529 additions and 536 deletions

View file

@ -31,7 +31,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.qldxjjsrseehkusjuoooapmsprvfrxyl
textarea

View file

@ -95,7 +95,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.obdskegsannmntldydackcpzezagxqfy
> .stats
@ -112,7 +112,7 @@ export default Vue.extend({
> *:first-child
display block
color $theme-color
color var(--primary)
> *:last-child
font-size 70%

View file

@ -31,7 +31,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.jdnqwkzlnxcfftthoybjxrebyolvoucw
textarea

View file

@ -39,7 +39,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
header
margin 10px 0

View file

@ -39,7 +39,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
header
margin 10px 0

View file

@ -39,7 +39,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
header
margin 10px 0

View file

@ -39,7 +39,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
header
margin 10px 0

View file

@ -70,7 +70,7 @@ export default Vue.extend({
</script>
<style lang="stylus">
@import '~const.styl'
.mk-admin
display flex
@ -106,7 +106,7 @@ export default Vue.extend({
&.active
margin-left 8px
color $theme-color !important
color var(--primary) !important
> main
width 100%

View file

@ -269,7 +269,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
root(isDark)
$header-height = 42px
@ -283,10 +283,10 @@ root(isDark)
overflow hidden
&.draghover
box-shadow 0 0 0 2px rgba($theme-color, 0.8)
box-shadow 0 0 0 2px var(--primaryAlpha08)
&.dragging
box-shadow 0 0 0 2px rgba($theme-color, 0.4)
box-shadow 0 0 0 2px var(--primaryAlpha04)
&.dropready
*
@ -329,7 +329,7 @@ root(isDark)
pointer-events none
&.indicate
box-shadow 0 3px 0 0 $theme-color
box-shadow 0 3px 0 0 var(--primary)
> span
[data-fa]

View file

@ -214,7 +214,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
mediaRoot(isDark)
font-size 13px
@ -368,8 +368,8 @@ root(isDark)
padding 0 4px
margin-left 4px
font-size 80%
color $theme-color-foreground
background $theme-color
color var(--primaryForeground)
background var(--primary)
border-radius 4px
.mk-url-preview
@ -430,7 +430,7 @@ root(isDark)
color #999
&.reacted
color $theme-color
color var(--primary)
.zyjjkidcqjnlegkqebitfviomuqmseqk[data-darkmode]
root(true)

View file

@ -195,7 +195,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
root(isDark)
.transition

View file

@ -221,7 +221,7 @@ export default Vue.extend({
</style>
<style lang="stylus" scoped>
@import '~const.styl'
root(isDark)
display flex

View file

@ -135,7 +135,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
root(isDark)
.gqpwvtwtprsbmnssnbicggtwqhmylhnq

View file

@ -54,7 +54,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mkp-selectdrive
display block
@ -72,7 +72,7 @@ export default Vue.extend({
left 0
width 100%
height 72px
background lighten($theme-color, 95%)
background var(--primaryLighten95)
.upload
display inline-block
@ -85,7 +85,7 @@ export default Vue.extend({
width 40px
height 40px
font-size 1em
color rgba($theme-color, 0.5)
color var(--primaryAlpha05)
background transparent
outline none
border solid 1px transparent
@ -93,13 +93,13 @@ export default Vue.extend({
&:hover
background transparent
border-color rgba($theme-color, 0.3)
border-color var(--primaryAlpha03)
&:active
color rgba($theme-color, 0.6)
color var(--primaryAlpha06)
background transparent
border-color rgba($theme-color, 0.5)
box-shadow 0 2px 4px rgba(darken($theme-color, 50%), 0.15) inset
border-color var(--primaryAlpha05)
//box-shadow 0 2px 4px rgba(var(--primaryDarken50), 0.15) inset
&:focus
&:after
@ -110,7 +110,7 @@ export default Vue.extend({
right -5px
bottom -5px
left -5px
border 2px solid rgba($theme-color, 0.3)
border 2px solid var(--primaryAlpha03)
border-radius 8px
.ok
@ -136,7 +136,7 @@ export default Vue.extend({
right -5px
bottom -5px
left -5px
border 2px solid rgba($theme-color, 0.3)
border 2px solid var(--primaryAlpha03)
border-radius 8px
&:disabled
@ -145,20 +145,20 @@ export default Vue.extend({
.ok
right 16px
color $theme-color-foreground
background linear-gradient(to bottom, lighten($theme-color, 25%) 0%, lighten($theme-color, 10%) 100%)
border solid 1px lighten($theme-color, 15%)
color var(--primaryForeground)
background linear-gradient(to bottom, var(--primaryLighten25) 0%, var(--primaryLighten10) 100%)
border solid 1px var(--primaryLighten15)
&:not(:disabled)
font-weight bold
&:hover:not(:disabled)
background linear-gradient(to bottom, lighten($theme-color, 8%) 0%, darken($theme-color, 8%) 100%)
border-color $theme-color
background linear-gradient(to bottom, var(--primaryLighten8) 0%, var(--primaryDarken8) 100%)
border-color var(--primary)
&:active:not(:disabled)
background $theme-color
border-color $theme-color
background var(--primary)
border-color var(--primary)
.cancel
right 148px

View file

@ -34,7 +34,7 @@ export default Vue.extend({
</script>
<style lang="stylus">
@import '~const.styl'
.tcrwdhwpuxrwmcttxjcsehgpagpstqey
width 100%
@ -54,7 +54,7 @@ export default Vue.extend({
> *:first-child
display block
color $theme-color
color var(--primary)
> *:last-child
font-size 70%

View file

@ -100,7 +100,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
root(isDark)
background isDark ? #282C37 : #fff
@ -208,7 +208,7 @@ root(isDark)
margin-right 4px
font-size 1rem
font-weight bold
color $theme-color
color var(--primary)
.header[data-darkmode]
root(true)

View file

@ -112,7 +112,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
root(isDark)
background isDark ? #282C37 : #fff
@ -133,7 +133,7 @@ root(isDark)
user-select none
&[data-active]
color $theme-color
color var(--primary)
cursor default
font-weight bold
@ -145,7 +145,7 @@ root(isDark)
left -8px
width calc(100% + 16px)
height 2px
background $theme-color
background var(--primary)
&:not([data-active])
color isDark ? #9aa2a7 : #6f7477

View file

@ -303,7 +303,7 @@ export default Vue.extend({
</style>
<style lang="stylus" scoped>
@import '~const.styl'
root(isDark)
display flex
@ -385,7 +385,7 @@ root(isDark)
> .main
grid-row 1
grid-column 1 / 3
border-top solid 5px $theme-color
border-top solid 5px var(--primary)
> div
padding 32px
@ -426,7 +426,7 @@ root(isDark)
cursor pointer
&:hover
color $theme-color
color var(--primary)
> .char
display block