wip
This commit is contained in:
		| @@ -59,7 +59,7 @@ export default Vue.extend({ | ||||
| </script> | ||||
|  | ||||
| <style lang="stylus" module> | ||||
| @import '~const.styl' | ||||
|  | ||||
|  | ||||
| .title | ||||
| 	> [data-fa] | ||||
| @@ -74,7 +74,7 @@ export default Vue.extend({ | ||||
|  | ||||
| .footer | ||||
| 	height 72px | ||||
| 	background lighten($theme-color, 95%) | ||||
| 	background var(--primaryLighten95) | ||||
|  | ||||
| .upload | ||||
| 	display inline-block | ||||
| @@ -87,7 +87,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 | ||||
| @@ -95,13 +95,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 | ||||
| @@ -112,7 +112,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 | ||||
| @@ -138,7 +138,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 | ||||
| @@ -147,20 +147,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 | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 syuilo
					syuilo