Clean up stylesheet organization (#1591)
This commit is contained in:
		
							parent
							
								
									323671a653
								
							
						
					
					
						commit
						fd102059aa
					
				
					 8 changed files with 299 additions and 299 deletions
				
			
		
							
								
								
									
										61
									
								
								app/assets/stylesheets/containers.scss
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										61
									
								
								app/assets/stylesheets/containers.scss
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,61 @@
 | 
			
		|||
.container {
 | 
			
		||||
  width: 700px;
 | 
			
		||||
  margin: 0 auto;
 | 
			
		||||
  margin-top: 40px;
 | 
			
		||||
 | 
			
		||||
  @media screen and (max-width: 700px) {
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    margin: 0;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.logo-container {
 | 
			
		||||
  max-width: 400px;
 | 
			
		||||
  margin: 100px auto;
 | 
			
		||||
  margin-bottom: 0;
 | 
			
		||||
  cursor: default;
 | 
			
		||||
 | 
			
		||||
  @media screen and (max-width: 360px) {
 | 
			
		||||
    margin: 30px auto;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  h1 {
 | 
			
		||||
    display: block;
 | 
			
		||||
    text-align: center;
 | 
			
		||||
    color: $color5;
 | 
			
		||||
    font-size: 48px;
 | 
			
		||||
    font-weight: 500;
 | 
			
		||||
 | 
			
		||||
    img {
 | 
			
		||||
      display: block;
 | 
			
		||||
      margin: 20px auto;
 | 
			
		||||
      width: 180px;
 | 
			
		||||
      height: 180px;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    a {
 | 
			
		||||
      color: inherit;
 | 
			
		||||
      text-decoration: none;
 | 
			
		||||
      outline: 0;
 | 
			
		||||
 | 
			
		||||
      img {
 | 
			
		||||
        opacity: 0.8;
 | 
			
		||||
        transition: all 0.8s ease;
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
      &:hover {
 | 
			
		||||
        img {
 | 
			
		||||
          opacity: 1;
 | 
			
		||||
          transition-duration: 0.2s;
 | 
			
		||||
        }
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    small {
 | 
			
		||||
      display: block;
 | 
			
		||||
      font-size: 12px;
 | 
			
		||||
      font-weight: 400;
 | 
			
		||||
      font-family: 'Roboto Mono', monospace;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
		Reference in a new issue