✌️

2018-03-03 13:47:55 +09:00
parent 521b855738
commit 87d17517f3
58 changed files with 165 additions and 47 deletions
@@ -223,6 +223,8 @@ export default Vue.extend({
 </script>

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

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

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

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

 <style lang="stylus" scoped>
+@import '~const.styl'
+
 .mk-messaging

 	&[data-compact]
@@ -67,6 +67,8 @@ export default Vue.extend({
 </script>

 <style lang="stylus" scoped>
+@import '~const.styl'
+
 .mk-poll-editor
 	padding 8px

@@ -66,6 +66,8 @@ export default Vue.extend({
 </script>

 <style lang="stylus" scoped>
+@import '~const.styl'
+
 .mk-poll

 	> ul
@@ -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
@@ -53,6 +53,8 @@ export default Vue.extend({
 </script>

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

 <style lang="stylus" scoped>
+@import '~const.styl'
+
 .mk-signup
 	min-width 302px

@@ -84,6 +84,8 @@ export default Vue.extend({
 </script>

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

 <style lang="stylus" scoped>
+@import '~const.styl'
+
 .mk-uploader
 	overflow auto

@@ -107,6 +107,8 @@ export default define({
 </script>

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

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

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

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

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

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

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

 <style lang="stylus" scoped>
+@import '~const.styl'
+
 .mk-drive

 	> nav
@@ -92,6 +92,8 @@ export default Vue.extend({
 </script>

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

 <style lang="stylus" scoped>
+@import '~const.styl'
+
 .mk-home
 	display block

@@ -77,6 +77,8 @@ export default Vue.extend({


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

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

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

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

 <style lang="stylus" module>
+@import '~const.styl'
+
 .body
 	padding 18px 24px 24px 24px

@@ -57,6 +57,8 @@ export default Vue.extend({
 </script>

 <style lang="stylus" scoped>
+@import '~const.styl'
+
 .mk-repost-form

 	> .mk-post-preview
@@ -222,6 +222,8 @@ export default Vue.extend({
 </script>

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

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

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

 <style lang="stylus" scoped>
+@import '~const.styl'
+
 .notifications

 	> button
@@ -17,6 +17,8 @@ export default Vue.extend({
 </script>

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

 <style lang="stylus" scoped>
+@import '~const.styl'
+
 .search

 	> [data-fa]
@@ -83,6 +83,8 @@ export default Vue.extend({
 </script>

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

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

 <style lang="stylus" scoped>
+@import '~const.styl'
+
 .mk-window
 	display block

@@ -54,6 +54,8 @@ export default Vue.extend({
 </script>

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

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

 <style lang="stylus" scoped>
+@import '~const.styl'
+
 .timeline
 	background #fff

@@ -57,6 +57,8 @@ export default Vue.extend({
 </style>

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

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

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

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

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

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

 <style lang="stylus" scoped>
+@import '~const.styl'
+
 .header
 	$height = 48px

@@ -109,6 +109,8 @@ export default Vue.extend({
 </script>

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

 <style lang="stylus" scoped>
+@import '~const.styl'
+
 .mk-users-list

 	> nav
@@ -108,6 +108,8 @@ export default Vue.extend({
 </script>

 <style lang="stylus" module>
+@import '~const.styl'
+
 .content
 	margin 8px auto
 	max-width 500px
@@ -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)
@@ -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']