homebrewery/client/homebrew/homebrew.less

@import 'naturalCrit/styles/reset.less';
//@import 'naturalCrit/styles/elements.less';
@import 'naturalCrit/styles/animations.less';
@import 'naturalCrit/styles/colors.less';
@import 'naturalCrit/styles/tooltip.less';

html,body, #reactContainer{
	min-height: 100vh;
	height: 100vh;
	margin: 0;
	font-family      : 'Open Sans', sans-serif;
	//overflow: hidden;
}

.homebrew{
	background-color: @steel;

	height: 100%;

	.page{
		height : 100%;
		display: flex;
		flex-direction: column;


		nav{
			//height : 22px;
		}

		.content{
			background-color: red;
			flex: auto;
			//position: relative;



			.woo{
				background-color: @red;
			}
			.cool{
				background-color: @green;
				height : 500px;
			}


			.temp{
				flex: auto;
				overflow-y: scroll;

				.woo{
					width:  50px;
					height : 2000px;
					background-color: green;

				}

			}
		}
	}




	.paneSplit{
		width : 100%;
		height: 100vh;
		//padding-top: 25px;
		position: relative;
		box-sizing: border-box;
		overflow: hidden;

		.leftPane, .rightPane{
			display: inline-block;
			vertical-align: top;
			position: relative;
			height: 100%;
			min-height: 100%;
			//margin-top: 25px;
		}

		.leftPane{
			width : 40%;
		}
		.rightPane{
			width : 60%;
			height: 100%;
			//overflow-y: scroll;

			overflow: hidden;
		}

	}
}