* Replace browserify with webpack * Add react-intl-translations-manager * Do not minify in development, add offline-plugin for ServiceWorker background cache updates * Adjust tests and dependencies * Fix production deployments * Fix tests * More optimizations * Improve travis cache for npm stuff * Re-run travis * Add back support for custom.scss as before * Remove offline-plugin and babili * Fix issue with Immutable.List().unshift(...values) not working as expected * Make travis load schema instead of running all migrations in sequence * Fix missing React import in WarningContainer. Optimize rendering performance by using ImmutablePureComponent instead of React.PureComponent. ImmutablePureComponent uses Immutable.is() to compare props. Replace dynamic callback bindings in <UI /> * Add react definitions to places that use JSX * Add Procfile.dev for running rails, webpack and streaming API at the same time
		
			
				
	
	
		
			58 lines
		
	
	
	
		
			1,001 B
		
	
	
	
		
			SCSS
		
	
	
	
	
	
			
		
		
	
	
			58 lines
		
	
	
	
		
			1,001 B
		
	
	
	
		
			SCSS
		
	
	
	
	
	
| body {
 | |
|   font-family: 'Roboto', sans-serif;
 | |
|   background: $color1 url('../images/background-photo.jpg');
 | |
|   background-size: cover;
 | |
|   background-attachment: fixed;
 | |
|   font-size: 13px;
 | |
|   line-height: 18px;
 | |
|   font-weight: 400;
 | |
|   color: $color5;
 | |
|   padding-bottom: 140px;
 | |
|   text-rendering: optimizelegibility;
 | |
|   font-feature-settings: "kern";
 | |
|   text-size-adjust: none;
 | |
| 
 | |
|   &.app-body {
 | |
|     position: fixed;
 | |
|     width: 100%;
 | |
|     height: 100%;
 | |
|     padding: 0;
 | |
|     background: $color1;
 | |
|   }
 | |
| 
 | |
|   &.embed {
 | |
|     background: transparent;
 | |
|     margin: 0;
 | |
| 
 | |
|     .container {
 | |
|       position: absolute;
 | |
|       width: 100%;
 | |
|       height: 100%;
 | |
|       overflow: hidden;
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   &.admin {
 | |
|     background: darken($color1, 4%);
 | |
|     position: fixed;
 | |
|     width: 100%;
 | |
|     height: 100%;
 | |
|     padding: 0;
 | |
|   }
 | |
| 
 | |
|   @media screen and (max-width: 360px) {
 | |
|     padding-bottom: 0;
 | |
|   }
 | |
| }
 | |
| 
 | |
| button:focus {
 | |
|   outline: none;
 | |
| }
 | |
| 
 | |
| .app-holder {
 | |
|   display: flex;
 | |
|   width: 100%;
 | |
|   height: 100%;
 | |
|   align-items: center;
 | |
|   justify-content: center;
 | |
| }
 |