mirror of
				https://github.com/DerTyp7/apartment-altenau-nextjs.git
				synced 2025-10-30 21:27:11 +01:00 
			
		
		
		
	
		
			
				
	
	
		
			54 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
			
		
		
	
	
			54 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
| // General
 | |
| $text-muted: #54585a;
 | |
| $text-color: #555555;
 | |
| $text-headline-color: #000000;
 | |
| 
 | |
| // Scrollbar styling
 | |
| $scrollbar-background-color: rgb(195, 195, 195);
 | |
| $scrollbar-foreground-color: rgb(44, 48, 50);
 | |
| $scrollbar-width: 10px;
 | |
| 
 | |
| // Navbar styling (nav.scss)
 | |
| $navbar-height: 75px;
 | |
| $navbar-padding-left: 60px;
 | |
| $navbar-padding-right: $navbar-padding-left;
 | |
| $navbar-background-color: #f9f9f9;
 | |
| $navbar-color: rgb(29, 29, 29);
 | |
| $navbar-navigation-color: #424242;
 | |
| $navbar-navigation-color-active: #000000;
 | |
| $navbar-navigation-active-background-color: #d0cfcf;
 | |
| $navbar-navigation-active-border-color: #00000000;
 | |
| $navbar-navigation-active-background-color-hover: #e5e5e5;
 | |
| $navbar-navigation-border-radius: 50px;
 | |
| 
 | |
| $navbar-font-size: 1.15rem;
 | |
| $navbar-brand-font-size: 1.8rem;
 | |
| $navbar-brand-color: rgb(12, 12, 12);
 | |
| $navbar-brand-text-decoration: none;
 | |
| 
 | |
| $navbar-breakpoint-1: 1100px;
 | |
| $navbar-breakpoint-2: 910px;
 | |
| $navbar-breakpoint-3: 510px;
 | |
| $navbar-breakpoint-4: 480px;
 | |
| $navbar-breakpoint-5: 250px;
 | |
| 
 | |
| // Footer styling (Footer.scss)
 | |
| $footer-color: #edebeb;
 | |
| $footer-link-color: #6c6c6c;
 | |
| $footer-link-color-hover: #000000;
 | |
| 
 | |
| // Home styling
 | |
| $home-surroundings-background-color: #1f294c;
 | |
| $home-surroundings-font-size: 1.2em;
 | |
| $home-surroundings-font-color: #fff;
 | |
| 
 | |
| $home-grid-breakpoint-1: 1250px;
 | |
| $home-grid-breakpoint-2: 900px;
 | |
| $home-grid-breakpoint-3: 730px;
 | |
| $home-grid-breakpoint-4: 400px;
 | |
| 
 | |
| // Surroundings sytling
 | |
| $surroundings-breakpoint-1: 1200px;
 | |
| $surroundings-breakpoint-2: 950px;
 | |
| $surroundings-breakpoint-3: 750px;
 | 
