wip
This commit is contained in:
		| @@ -101,9 +101,7 @@ export default Vue.extend({ | ||||
| </script> | ||||
|  | ||||
| <style lang="stylus" scoped> | ||||
|  | ||||
|  | ||||
| root(isDark) | ||||
| .mk-follow-button | ||||
| 	display block | ||||
| 	cursor pointer | ||||
| 	padding 0 | ||||
| @@ -130,33 +128,30 @@ root(isDark) | ||||
| 			border-radius 8px | ||||
|  | ||||
| 	&:not(.active) | ||||
| 		color isDark ? #fff : #888 | ||||
| 		background isDark ? linear-gradient(to bottom, #313543 0%, #282c37 100%) : linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%) | ||||
| 		border solid 1px isDark ? #1c2023 : #e2e2e2 | ||||
| 		color var(--primary) | ||||
| 		border solid 1px var(--primary) | ||||
|  | ||||
| 		&:hover | ||||
| 			background isDark ? linear-gradient(to bottom, #2c2f3c 0%, #22262f 100%) : linear-gradient(to bottom, #f9f9f9 0%, #ececec 100%) | ||||
| 			border-color isDark ? #151a1d : #dcdcdc | ||||
| 			background var(--primaryAlpha03) | ||||
|  | ||||
| 		&:active | ||||
| 			background isDark ? #22262f : #ececec | ||||
| 			border-color isDark ? #151a1d : #dcdcdc | ||||
| 			background var(--primaryAlpha05) | ||||
|  | ||||
| 	&.active | ||||
| 		color var(--primaryForeground) | ||||
| 		background linear-gradient(to bottom, var(--primaryLighten25) 0%, var(--primaryLighten10) 100%) | ||||
| 		border solid 1px var(--primaryLighten15) | ||||
| 		background var(--primary) | ||||
| 		border solid 1px var(--primary) | ||||
|  | ||||
| 		&:not(:disabled) | ||||
| 			font-weight bold | ||||
|  | ||||
| 		&:hover:not(:disabled) | ||||
| 			background linear-gradient(to bottom, var(--primaryLighten8) 0%, var(--primaryDarken8) 100%) | ||||
| 			border-color var(--primary) | ||||
| 			background var(--primaryLighten5) | ||||
| 			border-color var(--primaryLighten5) | ||||
|  | ||||
| 		&:active:not(:disabled) | ||||
| 			background var(--primary) | ||||
| 			border-color var(--primary) | ||||
| 			background var(--primaryDarken5) | ||||
| 			border-color var(--primaryDarken5) | ||||
|  | ||||
| 	&.wait | ||||
| 		cursor wait !important | ||||
| @@ -167,10 +162,4 @@ root(isDark) | ||||
| 		height 38px | ||||
| 		line-height 38px | ||||
|  | ||||
| .mk-follow-button[data-darkmode] | ||||
| 	root(true) | ||||
|  | ||||
| .mk-follow-button:not([data-darkmode]) | ||||
| 	root(false) | ||||
|  | ||||
| </style> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 syuilo
					syuilo