32 lines
		
	
	
		
			931 B
		
	
	
	
		
			SCSS
		
	
	
	
		
		
			
		
	
	
			32 lines
		
	
	
		
			931 B
		
	
	
	
		
			SCSS
		
	
	
	
| 
								 | 
							
								$gray: #ddd;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								@mixin font-main($font-size) {
							 | 
						||
| 
								 | 
							
									font-family: "Source Sans Pro", sans-serif;
							 | 
						||
| 
								 | 
							
									font-size: #{$font-size}px;
							 | 
						||
| 
								 | 
							
									font-weight: 300;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								@mixin font-sub($font-size) {
							 | 
						||
| 
								 | 
							
									font-family: "Source Sans Pro", Arial, sans-serif;
							 | 
						||
| 
								 | 
							
									font-size: #{$font-size}px;
							 | 
						||
| 
								 | 
							
									font-weight: 300;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								@mixin transition-type($property, $sec) {
							 | 
						||
| 
								 | 
							
									-webkit-transition: #{$property} #{$sec}s ease;
							 | 
						||
| 
								 | 
							
									   -moz-transition: #{$property} #{$sec}s ease;
							 | 
						||
| 
								 | 
							
											transition: #{$property} #{$sec}s ease;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								@mixin box-sizing {
							 | 
						||
| 
								 | 
							
									-webkit-box-sizing: border-box; /* webkit */
							 | 
						||
| 
								 | 
							
								     -khtml-box-sizing: border-box; /* konqueror */
							 | 
						||
| 
								 | 
							
								       -moz-box-sizing: border-box; /* firefox */
							 | 
						||
| 
								 | 
							
								        -ms-box-sizing: border-box; /* ie */
							 | 
						||
| 
								 | 
							
								    		box-sizing: border-box; /* css3 */
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								@mixin no-select {
							 | 
						||
| 
								 | 
							
								    -webkit-touch-callout: none;
							 | 
						||
| 
								 | 
							
								      -webkit-user-select: none;
							 | 
						||
| 
								 | 
							
								       -khtml-user-select: none;
							 | 
						||
| 
								 | 
							
								         -moz-user-select: none;
							 | 
						||
| 
								 | 
							
								          -ms-user-select: none;
							 | 
						||
| 
								 | 
							
								              user-select: none;
							 | 
						||
| 
								 | 
							
								}
							 |