This commit is contained in:
syuilo 2018-03-03 13:47:55 +09:00
parent 521b855738
commit 87d17517f3
58 changed files with 165 additions and 47 deletions

View File

@ -223,6 +223,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-autocomplete
position fixed
z-index 65535

View File

@ -39,6 +39,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-connect-failed
width 100%
padding 32px 18px

View File

@ -9,32 +9,34 @@
</template>
<style lang="stylus" scoped>
.a
@import '~const.styl'
.a
display block
position absolute
top 0
right 0
> svg
display block
position absolute
top 0
right 0
//fill #151513
//color #fff
fill $theme-color
color $theme-color-foreground
> svg
display block
//fill #151513
//color #fff
fill $theme-color
color $theme-color-foreground
.octo-arm
transform-origin 130px 106px
.octo-arm
transform-origin 130px 106px
&:hover
.octo-arm
animation octocat-wave 560ms ease-in-out
&:hover
.octo-arm
animation octocat-wave 560ms ease-in-out
@keyframes octocat-wave
0%, 100%
transform rotate(0)
20%, 60%
transform rotate(-25deg)
40%, 80%
transform rotate(10deg)
@keyframes octocat-wave
0%, 100%
transform rotate(0)
20%, 60%
transform rotate(-25deg)
40%, 80%
transform rotate(10deg)
</style>

View File

@ -195,6 +195,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-messaging-form
> textarea
cursor auto

View File

@ -228,6 +228,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-messaging-room
display flex
flex 1

View File

@ -165,6 +165,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-messaging
&[data-compact]

View File

@ -67,6 +67,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-poll-editor
padding 8px

View File

@ -66,6 +66,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-poll
> ul

View File

@ -106,6 +106,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
$border-color = rgba(27, 31, 35, 0.15)
.mk-reaction-picker

View File

@ -53,6 +53,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-signin
&.signing
&, *

View File

@ -153,6 +153,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-signup
min-width 302px

View File

@ -84,6 +84,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-switch
display flex
margin 8px 0

View File

@ -81,6 +81,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-uploader
overflow auto

View File

@ -107,6 +107,8 @@ export default define({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mkw-calendar
padding 16px 0
color #777

View File

@ -131,6 +131,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-calendar
color #777
background #fff

View File

@ -59,6 +59,8 @@ export default Vue.extend({
</script>
<style lang="stylus" module>
@import '~const.styl'
.title
> [data-fa]
margin-right 4px

View File

@ -37,6 +37,8 @@ export default Vue.extend({
</script>
<style lang="stylus" module>
@import '~const.styl'
.title
> [data-fa]
margin-right 4px

View File

@ -29,6 +29,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.menu
$width = 240px
$item-height = 38px

View File

@ -61,6 +61,8 @@ export default Vue.extend({
</script>
<style lang="stylus" module>
@import '~const.styl'
.header
> [data-fa]
margin-right 4px

View File

@ -91,6 +91,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-dialog
> .bg
display block
@ -151,6 +153,8 @@ export default Vue.extend({
</style>
<style lang="stylus" module>
@import '~const.styl'
.header
margin 1em 0
color $theme-color

View File

@ -184,6 +184,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.root.file
padding 8px 0 0 0
height 180px

View File

@ -218,6 +218,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.root.folder
padding 8px
height 64px

View File

@ -568,6 +568,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-drive
> nav

View File

@ -92,6 +92,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-follow-button
display block
cursor pointer

View File

@ -214,6 +214,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-home
display block

View File

@ -77,6 +77,8 @@ export default Vue.extend({
<style lang="stylus" module>
@import '~const.styl'
.header
> [data-fa]
margin-right 4px

View File

@ -81,6 +81,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-mentions
background #fff
border solid 1px rgba(0, 0, 0, 0.075)

View File

@ -177,6 +177,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-post-detail
margin 0
padding 0

View File

@ -250,6 +250,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-post-form
display block
padding 16px

View File

@ -256,6 +256,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.post
margin 0
padding 0

View File

@ -37,6 +37,8 @@ export default Vue.extend({
</script>
<style lang="stylus" module>
@import '~const.styl'
.body
padding 18px 24px 24px 24px

View File

@ -57,6 +57,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-repost-form
> .mk-post-preview

View File

@ -222,6 +222,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-settings
display flex
width 100%

View File

@ -84,6 +84,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.account
> .header
display block

View File

@ -86,6 +86,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.nav
display inline-block
margin 0

View File

@ -82,6 +82,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.notifications
> button

View File

@ -17,6 +17,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.post
display inline-block
padding 8px

View File

@ -24,6 +24,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.search
> [data-fa]

View File

@ -83,6 +83,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-user-preview
position absolute
z-index 2048

View File

@ -69,6 +69,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-users-list
height 100%
background #fff

View File

@ -425,6 +425,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-window
display block

View File

@ -54,6 +54,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mkp-selectdrive
display block
position fixed

View File

@ -61,6 +61,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.header
$banner-height = 320px
$footer-height = 58px

View File

@ -97,6 +97,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.timeline
background #fff

View File

@ -57,6 +57,8 @@ export default Vue.extend({
</style>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-welcome
display flex
flex-direction column

View File

@ -54,6 +54,8 @@ export default define({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mkw-post-form
background #fff
overflow hidden

View File

@ -67,6 +67,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.file
display block
text-decoration none !important

View File

@ -82,6 +82,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-follow-button
display block
user-select none

View File

@ -175,6 +175,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-post-detail
overflow hidden
margin 0 auto

View File

@ -115,6 +115,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-post-form
max-width 500px
width calc(100% - 16px)

View File

@ -195,6 +195,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.post
font-size 12px
border-bottom solid 1px #eaeaea

View File

@ -49,6 +49,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-posts
background #fff
border-radius 8px

View File

@ -128,6 +128,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.header
$height = 48px

View File

@ -109,6 +109,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.nav
.backdrop
position fixed

View File

@ -65,6 +65,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
.mk-users-list
> nav

View File

@ -108,6 +108,8 @@ export default Vue.extend({
</script>
<style lang="stylus" module>
@import '~const.styl'
.content
margin 8px auto
max-width 500px

View File

@ -105,6 +105,8 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
@import '~const.styl'
main
> header
box-shadow 0 4px 4px rgba(0, 0, 0, 0.3)

View File

@ -72,20 +72,6 @@ module.exports = Object.keys(langs).map(lang => {
search: /%base64:(.+?)%/g.toString(),
replace: 'base64replacement'
}
}, {
loader: 'webpack-replace-loader',
options: {
search: '$theme-color',
replace: constants.themeColor,
attr: 'g'
}
}, {
loader: 'webpack-replace-loader',
query: {
search: '$theme-color-foreground',
replace: constants.themeColorForeground,
attr: 'g'
}
}, {
loader: 'replace',
query: {
@ -108,10 +94,16 @@ module.exports = Object.keys(langs).map(lang => {
}, {
test: /\.styl$/,
exclude: /node_modules/,
use: [
{ loader: 'style-loader' },
{ loader: 'css-loader' },
{ loader: 'stylus-loader' }
use: [{
loader: 'style-loader'
}, {
loader: 'css-loader',
options: {
minimize: true
}
}, {
loader: 'stylus-loader'
}
]
}, {
test: /\.scss$/,
@ -119,7 +111,10 @@ module.exports = Object.keys(langs).map(lang => {
use: [{
loader: 'style-loader'
}, {
loader: 'css-loader'
loader: 'css-loader',
options: {
minimize: true
}
}, {
loader: 'sass-loader',
options: {
@ -128,10 +123,14 @@ module.exports = Object.keys(langs).map(lang => {
}]
}, {
test: /\.css$/,
use: [
{ loader: 'style-loader' },
{ loader: 'css-loader' }
]
use: [{
loader: 'style-loader'
}, {
loader: 'css-loader',
options: {
minimize: true
}
}]
}, {
test: /\.(eot|woff|woff2|svg|ttf)([\?]?.*)$/,
loader: 'url-loader'
@ -165,7 +164,10 @@ module.exports = Object.keys(langs).map(lang => {
resolve: {
extensions: [
'.js', '.ts', '.json'
]
],
alias: {
'const.styl': __dirname + '/../src/web/const.styl'
}
},
resolveLoader: {
modules: ['node_modules', './webpack/loaders']