Added support in SCSS for code blocks
This commit is contained in:
		
							parent
							
								
									ff049925e2
								
							
						
					
					
						commit
						300c1dbee6
					
				@ -78,6 +78,18 @@ $gradient-accent3-light-right: linear-gradient(to right, $light,  $accent3);
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
    transition: background 500ms ease-in-out, color 1s ease-in-out;
 | 
					    transition: background 500ms ease-in-out, color 1s ease-in-out;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    pre {
 | 
				
			||||||
 | 
					        box-shadow: 3px 3px $dark;
 | 
				
			||||||
 | 
					        border-color: $light;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    pre.src {
 | 
				
			||||||
 | 
					        &::before {
 | 
				
			||||||
 | 
					            background-color: $light;
 | 
				
			||||||
 | 
					            color: $dark;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    .navbar, header {
 | 
					    .navbar, header {
 | 
				
			||||||
        background: $bg-nav;
 | 
					        background: $bg-nav;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
@ -140,6 +152,18 @@ $gradient-accent3-light-right: linear-gradient(to right, $light,  $accent3);
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
    transition: background 500ms ease-in-out, color 1s ease-in-out;
 | 
					    transition: background 500ms ease-in-out, color 1s ease-in-out;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    pre {
 | 
				
			||||||
 | 
					        box-shadow: 3px 3px $dark;
 | 
				
			||||||
 | 
					        border: none;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    pre.src {
 | 
				
			||||||
 | 
					        &::before {
 | 
				
			||||||
 | 
					            background-color: $dark;
 | 
				
			||||||
 | 
					            color: $light;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    .navbar, header {
 | 
					    .navbar, header {
 | 
				
			||||||
        background: $bg-nav;
 | 
					        background: $bg-nav;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
@ -198,6 +222,18 @@ $gradient-accent3-light-right: linear-gradient(to right, $light,  $accent3);
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
    background: $black;
 | 
					    background: $black;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    pre {
 | 
				
			||||||
 | 
					        box-shadow: 3px 3px $light;
 | 
				
			||||||
 | 
					        border: none;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    pre.src {
 | 
				
			||||||
 | 
					        &::before {
 | 
				
			||||||
 | 
					            background-color: $black;
 | 
				
			||||||
 | 
					            color: $light;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    .navbar, header {
 | 
					    .navbar, header {
 | 
				
			||||||
        background: $bg-nav;
 | 
					        background: $bg-nav;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
@ -548,3 +584,8 @@ img {
 | 
				
			|||||||
ul {
 | 
					ul {
 | 
				
			||||||
    padding-inline-start: 20px;
 | 
					    padding-inline-start: 20px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					pre.src {
 | 
				
			||||||
 | 
					    overflow-y: auto;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user