Rewritessome variables
This commit is contained in:
		
							parent
							
								
									72485f9d82
								
							
						
					
					
						commit
						e543942d6b
					
				| 
						 | 
					@ -1 +1 @@
 | 
				
			||||||
{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE,kBFgBS;EEfT,OFMM;EELN;EACA;;;AAGF;EACE,YAVa;;;AAaf;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;ACpBA;EDcF;AAAA;AAAA;AAAA;AAAA;AAAA;IAQI;;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OA5CG;EA6CH;EACA;EACA;EACA,kBFlCM;EEmCN;;AC9CA;EDsCF;AAAA;IAUI;;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE,OF9BU;EE+BV;;;AAGF;AAAA;EAEE,kBArES;;;AAwEX;AAAA;AAAA;EAGE;EACA,OFnCY;EEoCZ;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AC7GA;EDwGF;IAOI;IACA;;;;AAIJ;EACE;EACA;EACA","file":"global.css"}
 | 
					{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;ACpBA;EDcF;AAAA;AAAA;AAAA;AAAA;AAAA;IAQI;;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OA5CG;EA6CH;EACA;EACA;EACA;EACA;;AC9CA;EDsCF;AAAA;IAUI;;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;EACA,OFnCY;EEoCZ;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AC7GA;EDwGF;IAOI;IACA;;;;AAIJ;EACE;EACA;EACA","file":"global.css"}
 | 
				
			||||||
| 
						 | 
					@ -15,14 +15,14 @@ $bg-hover: scale-color(colors.$green-400, $alpha: -75%);
 | 
				
			||||||
$bg-highlight: scale-color(colors.$magenta-600, $alpha: -75%);
 | 
					$bg-highlight: scale-color(colors.$magenta-600, $alpha: -75%);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
body {
 | 
					body {
 | 
				
			||||||
  background-color: colors.$base-800;
 | 
					  background-color: #{colors.$base-800};
 | 
				
			||||||
  color: colors.$paper;
 | 
					  color: #{colors.$paper};
 | 
				
			||||||
  font-family: Alkhemikal;
 | 
					  font-family: Alkhemikal;
 | 
				
			||||||
  font-size: 1.5rem;
 | 
					  font-size: 1.5rem;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
::selection {
 | 
					::selection {
 | 
				
			||||||
  background: $bg-highlight;
 | 
					  background: #{$bg-highlight};
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
h1,
 | 
					h1,
 | 
				
			||||||
| 
						 | 
					@ -53,11 +53,11 @@ main,
 | 
				
			||||||
article {
 | 
					article {
 | 
				
			||||||
  padding: 1em;
 | 
					  padding: 1em;
 | 
				
			||||||
  color: $fg;
 | 
					  color: $fg;
 | 
				
			||||||
  border: 16px solid colors.$paper;
 | 
					  border: 16px solid #{colors.$paper};
 | 
				
			||||||
  border-image: url(../img/nine-patch.png) 32 round;
 | 
					  border-image: url(../img/nine-patch.png) 32 round;
 | 
				
			||||||
  -webkit-border-image: url(../img/nine-patch.png) 32 round;
 | 
					  -webkit-border-image: url(../img/nine-patch.png) 32 round;
 | 
				
			||||||
  background-color: colors.$paper;
 | 
					  background-color: #{colors.$paper};
 | 
				
			||||||
  box-shadow: 0px 0px 20px colors.$black;
 | 
					  box-shadow: 0px 0px 20px #{colors.$black};
 | 
				
			||||||
  @include breakpoint("sm") {
 | 
					  @include breakpoint("sm") {
 | 
				
			||||||
    margin: 0 2em;
 | 
					    margin: 0 2em;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
| 
						 | 
					@ -74,13 +74,13 @@ header.header_main {
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
a {
 | 
					a {
 | 
				
			||||||
  color: $link;
 | 
					  color: #{$link};
 | 
				
			||||||
  border-radius: 10px;
 | 
					  border-radius: 10px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
a:hover,
 | 
					a:hover,
 | 
				
			||||||
a:active {
 | 
					a:active {
 | 
				
			||||||
  background-color: $bg-hover;
 | 
					  background-color: #{$bg-hover};
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
a.logo,
 | 
					a.logo,
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in a new issue