mirror of
				https://github.com/ItsDrike/itsdrike.com.git
				synced 2025-11-04 04:06:36 +00:00 
			
		
		
		
	Split scss variables into separate file
This commit is contained in:
		
							parent
							
								
									f36d169b10
								
							
						
					
					
						commit
						1ebb615e52
					
				
					 2 changed files with 25 additions and 23 deletions
				
			
		
							
								
								
									
										23
									
								
								static/src/scss/_variables.scss
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										23
									
								
								static/src/scss/_variables.scss
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,23 @@
 | 
			
		|||
@charset "UTF-8";
 | 
			
		||||
 | 
			
		||||
$body-bg: #17181C;
 | 
			
		||||
$body-color: #DEE2E6;
 | 
			
		||||
 | 
			
		||||
$primary: #E85537;
 | 
			
		||||
$primary-light: #FF773D;
 | 
			
		||||
$primary-lighter: #F19143;
 | 
			
		||||
$primary-yellow: #FFB238;
 | 
			
		||||
$primary-red: #B20600;
 | 
			
		||||
 | 
			
		||||
$inline-code-color: #E2777A;
 | 
			
		||||
$inline-code-background: #272822;
 | 
			
		||||
$codeblock-background: #272822;
 | 
			
		||||
 | 
			
		||||
$navbar-height: 40px;
 | 
			
		||||
$footer-height: 110px;
 | 
			
		||||
$headings-margin-bottom: 1.5rem;
 | 
			
		||||
$paragraph-margin-bottom: $headings-margin-bottom * 0.85;
 | 
			
		||||
 | 
			
		||||
$font-family-body: "Inter", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif;
 | 
			
		||||
$font-family-mono: "JetBrains Mono", monospace;
 | 
			
		||||
$font-size-base: 1.2rem;
 | 
			
		||||
| 
						 | 
				
			
			@ -1,28 +1,7 @@
 | 
			
		|||
$body-bg: #17181C;
 | 
			
		||||
$body-color: #DEE2E6;
 | 
			
		||||
 | 
			
		||||
$primary: #E85537;
 | 
			
		||||
$primary-light: #FF773D;
 | 
			
		||||
$primary-lighter: #F19143;
 | 
			
		||||
$primary-yellow: #FFB238;
 | 
			
		||||
$primary-red: #B20600;
 | 
			
		||||
 | 
			
		||||
$inline-code-color: #E2777A;
 | 
			
		||||
$inline-code-background: #272822;
 | 
			
		||||
$codeblock-background: #272822;
 | 
			
		||||
 | 
			
		||||
$navbar-height: 40px;
 | 
			
		||||
$footer-height: 110px;
 | 
			
		||||
$headings-margin-bottom: 1.5rem;
 | 
			
		||||
$paragraph-margin-bottom: $headings-margin-bottom * 0.85;
 | 
			
		||||
 | 
			
		||||
$font-family-body: "Inter", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif;
 | 
			
		||||
$font-family-mono: "JetBrains Mono", monospace;
 | 
			
		||||
$font-size-base: 1.2rem;
 | 
			
		||||
 | 
			
		||||
@import "variables";
 | 
			
		||||
@import "fonts";
 | 
			
		||||
@import "node_modules/bootstrap/scss/bootstrap";
 | 
			
		||||
 | 
			
		||||
@import "fonts";
 | 
			
		||||
@import "chroma";
 | 
			
		||||
@import "main";
 | 
			
		||||
@import "navbar";
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue