4 changed files with 46 additions and 38 deletions
			
			
		| @ -1,41 +1,48 @@ | |||
| .circle { | |||
| .box { | |||
|   display: flex; | |||
|   justify-content: center; | |||
|   align-items: center; | |||
|   width: 60px; | |||
|   height: 60px; | |||
|   border-radius: 30px; | |||
|   font-size: 11px; | |||
|   color: #FFF; | |||
|   background-color: #333; | |||
| } | |||
| 
 | |||
| .rect { | |||
|   display: flex; | |||
|   justify-content: center; | |||
|   align-items: center; | |||
|   width: 60px; | |||
|   height: 30px; | |||
|   font-size: 11px; | |||
|   color: #333; | |||
|   background-color: #AACCF7; | |||
|   border: 2px solid #5E9CEE; | |||
| } | |||
| 
 | |||
| .diamond { | |||
|   background-color: #f2f2f2; | |||
|   position: relative; | |||
|   width: 60px; | |||
|   height: 30px; | |||
|   font-size: 11px; | |||
| 
 | |||
|   cursor: pointer; | |||
|   .text { | |||
|     z-index: 1; | |||
|     position: absolute; | |||
|     top: 0; | |||
|     top: 15px; | |||
|     left: 0; | |||
|     width: 100%; | |||
|     height: 100%; | |||
|     font-size: 11px; | |||
|     height: 30px; | |||
|     line-height: 30px; | |||
|     text-align: center; | |||
|     font-weight: 500; | |||
|   } | |||
| } | |||
| 
 | |||
| .circle { | |||
|   display: flex; | |||
|   justify-content: center; | |||
|   align-items: center; | |||
|   width: 40px; | |||
|   height: 40px; | |||
|   border-radius: 30px; | |||
|   color: #FFF; | |||
|   background-color: #6B8CD7; | |||
|   border: 2px solid #4E68A3; | |||
| } | |||
| 
 | |||
| .rect { | |||
|   display: flex; | |||
|   justify-content: center; | |||
|   align-items: center; | |||
|   width: 52px; | |||
|   height: 30px; | |||
|   font-size: 12px; | |||
|   color: #333; | |||
|   border-radius: 4px; | |||
|   background-color: #BCD0FF; | |||
|   border: 2px solid #6B8CD7; | |||
| } | |||
					Loading…
					
					
				
		Reference in new issue