refactor
This commit is contained in:
		
							parent
							
								
									bac27fe73b
								
							
						
					
					
						commit
						5e7768c7d8
					
				
							
								
								
									
										50
									
								
								src/App.css
									
									
									
									
									
								
							
							
						
						
									
										50
									
								
								src/App.css
									
									
									
									
									
								
							@ -1,38 +1,20 @@
 | 
				
			|||||||
.App {
 | 
					.square {
 | 
				
			||||||
 | 
					  background: #fff;
 | 
				
			||||||
 | 
					  border: 1px solid #999;
 | 
				
			||||||
 | 
					  float: left;
 | 
				
			||||||
 | 
					  font-size: 24px;
 | 
				
			||||||
 | 
					  font-weight: bold;
 | 
				
			||||||
 | 
					  line-height: 34px;
 | 
				
			||||||
 | 
					  height: 34px;
 | 
				
			||||||
 | 
					  margin-right: -1px;
 | 
				
			||||||
 | 
					  margin-top: -1px;
 | 
				
			||||||
 | 
					  padding: 0;
 | 
				
			||||||
  text-align: center;
 | 
					  text-align: center;
 | 
				
			||||||
 | 
					  width: 34px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.App-logo {
 | 
					.board-row:after {
 | 
				
			||||||
  height: 40vmin;
 | 
					  clear: both;
 | 
				
			||||||
  pointer-events: none;
 | 
					  content: '';
 | 
				
			||||||
}
 | 
					  display: table;
 | 
				
			||||||
 | 
					 | 
				
			||||||
@media (prefers-reduced-motion: no-preference) {
 | 
					 | 
				
			||||||
  .App-logo {
 | 
					 | 
				
			||||||
    animation: App-logo-spin infinite 20s linear;
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.App-header {
 | 
					 | 
				
			||||||
  background-color: #282c34;
 | 
					 | 
				
			||||||
  min-height: 100vh;
 | 
					 | 
				
			||||||
  display: flex;
 | 
					 | 
				
			||||||
  flex-direction: column;
 | 
					 | 
				
			||||||
  align-items: center;
 | 
					 | 
				
			||||||
  justify-content: center;
 | 
					 | 
				
			||||||
  font-size: calc(10px + 2vmin);
 | 
					 | 
				
			||||||
  color: white;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.App-link {
 | 
					 | 
				
			||||||
  color: #61dafb;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
@keyframes App-logo-spin {
 | 
					 | 
				
			||||||
  from {
 | 
					 | 
				
			||||||
    transform: rotate(0deg);
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
  to {
 | 
					 | 
				
			||||||
    transform: rotate(360deg);
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
				
			|||||||
@ -11,24 +11,3 @@ code {
 | 
				
			|||||||
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
 | 
					  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
 | 
				
			||||||
    monospace;
 | 
					    monospace;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					 | 
				
			||||||
.square {
 | 
					 | 
				
			||||||
  background: #fff;
 | 
					 | 
				
			||||||
  border: 1px solid #999;
 | 
					 | 
				
			||||||
  float: left;
 | 
					 | 
				
			||||||
  font-size: 24px;
 | 
					 | 
				
			||||||
  font-weight: bold;
 | 
					 | 
				
			||||||
  line-height: 34px;
 | 
					 | 
				
			||||||
  height: 34px;
 | 
					 | 
				
			||||||
  margin-right: -1px;
 | 
					 | 
				
			||||||
  margin-top: -1px;
 | 
					 | 
				
			||||||
  padding: 0;
 | 
					 | 
				
			||||||
  text-align: center;
 | 
					 | 
				
			||||||
  width: 34px;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.board-row:after {
 | 
					 | 
				
			||||||
  clear: both;
 | 
					 | 
				
			||||||
  content: '';
 | 
					 | 
				
			||||||
  display: table;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
		Loading…
	
		Reference in New Issue
	
	Block a user