wip
This commit is contained in:
		| @@ -166,10 +166,10 @@ root(isDark) | ||||
| 		width 42px | ||||
| 		font-size 0.9em | ||||
| 		line-height 42px | ||||
| 		color isDark ? #9baec8 : #ccc | ||||
| 		color var(--faceTextButton) | ||||
|  | ||||
| 		&:hover | ||||
| 			color isDark ? #b2c1d5 : #aaa | ||||
| 			color var(--faceTextButtonHover) | ||||
|  | ||||
| 		&:active | ||||
| 			color isDark ? #b2c1d5 : #999 | ||||
|   | ||||
| @@ -225,7 +225,7 @@ export default Vue.extend({ | ||||
| </script> | ||||
|  | ||||
| <style lang="stylus" scoped> | ||||
| root(isDark) | ||||
| .mk-note-detail | ||||
| 	overflow hidden | ||||
| 	text-align left | ||||
| 	background var(--face) | ||||
| @@ -327,14 +327,14 @@ root(isDark) | ||||
| 				display block | ||||
| 				text-align left | ||||
| 				margin 0 | ||||
| 				color isDark ? #606984 : #ccc | ||||
| 				color var(--noteHeaderAcct) | ||||
|  | ||||
| 			> .time | ||||
| 				position absolute | ||||
| 				top 0 | ||||
| 				right 32px | ||||
| 				font-size 1em | ||||
| 				color isDark ? #606984 : #c0c0c0 | ||||
| 				color var(--noteHeaderInfo) | ||||
|  | ||||
| 		> .body | ||||
| 			padding 8px 0 | ||||
| @@ -345,7 +345,7 @@ root(isDark) | ||||
| 				margin 0 | ||||
| 				padding 0 | ||||
| 				overflow-wrap break-word | ||||
| 				color isDark ? #fff : #717171 | ||||
| 				color var(--noteText) | ||||
|  | ||||
| 				> .text | ||||
| 					margin-right 8px | ||||
| @@ -358,14 +358,14 @@ root(isDark) | ||||
| 					padding 0 | ||||
| 					overflow-wrap break-word | ||||
| 					font-size 1.5em | ||||
| 					color isDark ? #fff : #717171 | ||||
| 					color var(--noteText) | ||||
|  | ||||
| 				> .renote | ||||
| 					margin 8px 0 | ||||
|  | ||||
| 					> * | ||||
| 						padding 16px | ||||
| 						border dashed 1px #c0dac6 | ||||
| 						border dashed 1px vat(--quoteBorder) | ||||
| 						border-radius 8px | ||||
|  | ||||
| 				> .location | ||||
| @@ -419,10 +419,4 @@ root(isDark) | ||||
| 		> * | ||||
| 			border-top 1px solid var(--faceDivider) | ||||
|  | ||||
| .mk-note-detail[data-darkmode] | ||||
| 	root(true) | ||||
|  | ||||
| .mk-note-detail:not([data-darkmode]) | ||||
| 	root(false) | ||||
|  | ||||
| </style> | ||||
|   | ||||
| @@ -71,7 +71,7 @@ root(isDark) | ||||
| 				margin 0 | ||||
| 				padding 0 | ||||
| 				overflow-wrap break-word | ||||
| 				color isDark ? #fff : #717171 | ||||
| 				color var(--noteText) | ||||
|  | ||||
| 				> .text | ||||
| 					margin-right 8px | ||||
|   | ||||
| @@ -72,7 +72,7 @@ root(isDark) | ||||
| 				margin 0 | ||||
| 				padding 0 | ||||
| 				overflow-wrap break-word | ||||
| 				color isDark ? #fff : #717171 | ||||
| 				color var(--noteText) | ||||
|  | ||||
| 				> .text | ||||
| 					margin-right 8px | ||||
|   | ||||
| @@ -426,7 +426,7 @@ root(isDark) | ||||
| 					margin 0 | ||||
| 					padding 0 | ||||
| 					overflow-wrap break-word | ||||
| 					color isDark ? #fff : #717171 | ||||
| 					color var(--noteText) | ||||
|  | ||||
| 					> .text | ||||
| 						margin-right 8px | ||||
| @@ -439,7 +439,7 @@ root(isDark) | ||||
| 						margin 0 | ||||
| 						padding 0 | ||||
| 						overflow-wrap break-word | ||||
| 						color isDark ? #fff : #717171 | ||||
| 						color var(--noteText) | ||||
|  | ||||
| 						>>> .title | ||||
| 							display block | ||||
| @@ -491,7 +491,7 @@ root(isDark) | ||||
|  | ||||
| 						> * | ||||
| 							padding 16px | ||||
| 							border dashed 1px isDark ? #4e945e : #c0dac6 | ||||
| 							border dashed 1px vat(--quoteBorder) | ||||
| 							border-radius 8px | ||||
|  | ||||
| 			> footer | ||||
|   | ||||
| @@ -434,12 +434,10 @@ export default Vue.extend({ | ||||
| </script> | ||||
|  | ||||
| <style lang="stylus" scoped> | ||||
|  | ||||
|  | ||||
| root(isDark) | ||||
| 	display block | ||||
| 	padding 16px | ||||
| 	background isDark ? #282C37 : var(--primaryLighten95) | ||||
| 	background var(--desktopPostFormBg) | ||||
|  | ||||
| 	&:after | ||||
| 		content "" | ||||
| @@ -453,8 +451,8 @@ root(isDark) | ||||
| 			width 100% | ||||
| 			padding 12px | ||||
| 			font-size 16px | ||||
| 			color isDark ? #fff : #333 | ||||
| 			background isDark ? #191d23 : #fff | ||||
| 			color var(--desktopPostFormTextareaFg) | ||||
| 			background var(--desktopPostFormTextareaBg) | ||||
| 			outline none | ||||
| 			border solid 1px var(--primaryAlpha01) | ||||
| 			border-radius 4px | ||||
|   | ||||
| @@ -175,9 +175,7 @@ export default Vue.extend({ | ||||
| </script> | ||||
|  | ||||
| <style lang="stylus" scoped> | ||||
|  | ||||
|  | ||||
| root(isDark) | ||||
| .mk-timeline | ||||
| 	background var(--face) | ||||
| 	box-shadow var(--shadow) | ||||
| 	border-radius var(--round) | ||||
| @@ -187,7 +185,7 @@ root(isDark) | ||||
| 		padding 0 8px | ||||
| 		z-index 10 | ||||
| 		background var(--faceHeader) | ||||
| 		box-shadow 0 1px isDark ? rgba(#000, 0.15) : rgba(#000, 0.08) | ||||
| 		box-shadow 0 1px var(--desktopTimelineHeaderShadow) | ||||
|  | ||||
| 		> .buttons | ||||
| 			position absolute | ||||
| @@ -200,7 +198,7 @@ root(isDark) | ||||
| 				padding 0 8px | ||||
| 				font-size 0.9em | ||||
| 				line-height 42px | ||||
| 				color isDark ? #9baec8 : #ccc | ||||
| 				color var(--faceTextButton) | ||||
|  | ||||
| 				> .badge | ||||
| 					position absolute | ||||
| @@ -210,10 +208,7 @@ root(isDark) | ||||
| 					color var(--primary) | ||||
|  | ||||
| 				&:hover | ||||
| 					color isDark ? #b2c1d5 : #aaa | ||||
|  | ||||
| 				&:active | ||||
| 					color isDark ? #b2c1d5 : #999 | ||||
| 					color var(--faceTextButtonHover) | ||||
|  | ||||
| 				&[data-active] | ||||
| 					color var(--primary) | ||||
| @@ -252,16 +247,10 @@ root(isDark) | ||||
| 					background var(--primary) | ||||
|  | ||||
| 			&:not([data-active]) | ||||
| 				color isDark ? #9aa2a7 : #6f7477 | ||||
| 				color var(--desktopTimelineSrc) | ||||
| 				cursor pointer | ||||
|  | ||||
| 				&:hover | ||||
| 					color isDark ? #d9dcde : #525a5f | ||||
|  | ||||
| .mk-timeline[data-darkmode] | ||||
| 	root(true) | ||||
|  | ||||
| .mk-timeline:not([data-darkmode]) | ||||
| 	root(false) | ||||
| 					color var(--desktopTimelineSrcHover) | ||||
|  | ||||
| </style> | ||||
|   | ||||
| @@ -72,10 +72,10 @@ root(isDark) | ||||
| 			width 42px | ||||
| 			font-size 0.9em | ||||
| 			line-height 42px | ||||
| 			color isDark ? #9baec8 : #ccc | ||||
| 			color var(--faceTextButton) | ||||
|  | ||||
| 			&:hover | ||||
| 				color isDark ? #b2c1d5 : #aaa | ||||
| 				color var(--faceTextButtonHover) | ||||
|  | ||||
| 			&:active | ||||
| 				color isDark ? #b2c1d5 : #999 | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 syuilo
					syuilo