Fix: Well done, riot
This commit is contained in:
		
							parent
							
								
									b3b1221dd1
								
							
						
					
					
						commit
						83fa592acb
					
				
					 1 changed files with 53 additions and 58 deletions
				
			
		|  | @ -31,74 +31,69 @@ | ||||||
| 			border-radius 4px | 			border-radius 4px | ||||||
| 			overflow hidden | 			overflow hidden | ||||||
| 
 | 
 | ||||||
| 			// https://github.com/riot/riot/issues/2081 | 			> .banner | ||||||
| 			> virtual | 				height 84px | ||||||
|  | 				background-color #f5f5f5 | ||||||
|  | 				background-size cover | ||||||
|  | 				background-position center | ||||||
|  | 
 | ||||||
|  | 			> .avatar | ||||||
| 				display block | 				display block | ||||||
| 				position relative | 				position absolute | ||||||
|  | 				top 62px | ||||||
|  | 				left 13px | ||||||
| 
 | 
 | ||||||
| 				> .banner | 				> img | ||||||
| 					height 84px |  | ||||||
| 					background-color #f5f5f5 |  | ||||||
| 					background-size cover |  | ||||||
| 					background-position center |  | ||||||
| 
 |  | ||||||
| 				> .avatar |  | ||||||
| 					display block | 					display block | ||||||
| 					position absolute | 					width 58px | ||||||
| 					top 62px | 					height 58px | ||||||
| 					left 13px | 					margin 0 | ||||||
|  | 					border solid 3px #fff | ||||||
|  | 					border-radius 8px | ||||||
| 
 | 
 | ||||||
| 					> img | 			> .title | ||||||
| 						display block | 				display block | ||||||
| 						width 58px | 				padding 8px 0 8px 85px | ||||||
| 						height 58px |  | ||||||
| 						margin 0 |  | ||||||
| 						border solid 3px #fff |  | ||||||
| 						border-radius 8px |  | ||||||
| 
 | 
 | ||||||
| 				> .title | 				> .name | ||||||
| 					display block | 					display block | ||||||
| 					padding 8px 0 8px 85px | 					margin 0 | ||||||
|  | 					font-weight bold | ||||||
|  | 					line-height 16px | ||||||
|  | 					color #656565 | ||||||
| 
 | 
 | ||||||
| 					> .name | 				> .username | ||||||
| 						display block | 					display block | ||||||
|  | 					margin 0 | ||||||
|  | 					line-height 16px | ||||||
|  | 					font-size 0.8em | ||||||
|  | 					color #999 | ||||||
|  | 
 | ||||||
|  | 			> .bio | ||||||
|  | 				padding 0 16px | ||||||
|  | 				font-size 0.7em | ||||||
|  | 				color #555 | ||||||
|  | 
 | ||||||
|  | 			> .status | ||||||
|  | 				padding 8px 16px | ||||||
|  | 
 | ||||||
|  | 				> div | ||||||
|  | 					display inline-block | ||||||
|  | 					width 33% | ||||||
|  | 
 | ||||||
|  | 					> p | ||||||
| 						margin 0 | 						margin 0 | ||||||
| 						font-weight bold | 						font-size 0.7em | ||||||
| 						line-height 16px | 						color #aaa | ||||||
| 						color #656565 |  | ||||||
| 
 | 
 | ||||||
| 					> .username | 					> a | ||||||
| 						display block | 						font-size 1em | ||||||
| 						margin 0 | 						color $theme-color | ||||||
| 						line-height 16px |  | ||||||
| 						font-size 0.8em |  | ||||||
| 						color #999 |  | ||||||
| 
 | 
 | ||||||
| 				> .bio | 			> mk-follow-button | ||||||
| 					padding 0 16px | 				position absolute | ||||||
| 					font-size 0.7em | 				top 92px | ||||||
| 					color #555 | 				right 8px | ||||||
| 
 |  | ||||||
| 				> .status |  | ||||||
| 					padding 8px 16px |  | ||||||
| 
 |  | ||||||
| 					> div |  | ||||||
| 						display inline-block |  | ||||||
| 						width 33% |  | ||||||
| 
 |  | ||||||
| 						> p |  | ||||||
| 							margin 0 |  | ||||||
| 							font-size 0.7em |  | ||||||
| 							color #aaa |  | ||||||
| 
 |  | ||||||
| 						> a |  | ||||||
| 							font-size 1em |  | ||||||
| 							color $theme-color |  | ||||||
| 
 |  | ||||||
| 				> mk-follow-button |  | ||||||
| 					position absolute |  | ||||||
| 					top 92px |  | ||||||
| 					right 8px |  | ||||||
| 
 | 
 | ||||||
| 	</style> | 	</style> | ||||||
| 	<script> | 	<script> | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue