forked from MountainLinuxClub/website
				
			CSS tweaks
This commit is contained in:
		
							parent
							
								
									b54c92a4d0
								
							
						
					
					
						commit
						a3ba9e5064
					
				| 
						 | 
					@ -1,6 +1,6 @@
 | 
				
			||||||
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300&display=swap');
 | 
					@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300&display=swap');
 | 
				
			||||||
 | 
					
 | 
				
			||||||
$sidebar_width: 15%;
 | 
					$sidebar_width: 20%;
 | 
				
			||||||
$sidebar_background: rgba(45, 45, 45, 1);
 | 
					$sidebar_background: rgba(45, 45, 45, 1);
 | 
				
			||||||
$body_background: rgba(30, 30, 30, 1);
 | 
					$body_background: rgba(30, 30, 30, 1);
 | 
				
			||||||
$content_background: rgb(35, 35, 35);
 | 
					$content_background: rgb(35, 35, 35);
 | 
				
			||||||
| 
						 | 
					@ -8,6 +8,7 @@ $content_background: rgb(35, 35, 35);
 | 
				
			||||||
body {
 | 
					body {
 | 
				
			||||||
    margin: 0;
 | 
					    margin: 0;
 | 
				
			||||||
    font-family: 'Fira Code', monospace;
 | 
					    font-family: 'Fira Code', monospace;
 | 
				
			||||||
 | 
					    background: $body_background;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    // Sidebar
 | 
					    // Sidebar
 | 
				
			||||||
    nav {
 | 
					    nav {
 | 
				
			||||||
| 
						 | 
					@ -27,7 +28,8 @@ body {
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        img { 
 | 
					        img { 
 | 
				
			||||||
            width: auto;
 | 
					            width: 100%;
 | 
				
			||||||
 | 
					            max-width: 500px;
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
        
 | 
					        
 | 
				
			||||||
        // Refrence to the tab interface
 | 
					        // Refrence to the tab interface
 | 
				
			||||||
| 
						 | 
					@ -48,8 +50,7 @@ body {
 | 
				
			||||||
        height: 100%;
 | 
					        height: 100%;
 | 
				
			||||||
        box-sizing: border-box;
 | 
					        box-sizing: border-box;
 | 
				
			||||||
        margin-left: $sidebar_width;
 | 
					        margin-left: $sidebar_width;
 | 
				
			||||||
        background: $body_background;
 | 
					        padding-top: 50px;
 | 
				
			||||||
        padding-top: 32px;
 | 
					 | 
				
			||||||
        color: white;
 | 
					        color: white;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        article {
 | 
					        article {
 | 
				
			||||||
| 
						 | 
					@ -57,12 +58,12 @@ body {
 | 
				
			||||||
            border: 1px solid white;
 | 
					            border: 1px solid white;
 | 
				
			||||||
            border-radius: 3px;
 | 
					            border-radius: 3px;
 | 
				
			||||||
            padding: 13px;
 | 
					            padding: 13px;
 | 
				
			||||||
            max-width: 1500px;
 | 
					            max-width: 1000px;
 | 
				
			||||||
            background: $content_background;
 | 
					            background: $content_background;
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@media screen and (max-width: 1000px) {
 | 
					@media screen and (max-width: 1300px) {
 | 
				
			||||||
    @import "mobile.scss";
 | 
					    @import "mobile.scss";
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue