// Place all the styles related to the posts controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

$container-horizontal-padding: 60px;
$container-vertical-padding: 30px;
$container-width: 700px;
$container-computed-width: $container-width - ($container-horizontal-padding * 2);

$textarea-padding: 5px;

body {
	background-color: #f2f2f2;

	margin: 0;
	padding: 0;

	font-family: sans-serif;
}

#container {
	width: $container-computed-width;
	margin-left: auto;
	margin-right: auto;

	padding-left: $container-horizontal-padding;
	padding-right: $container-horizontal-padding;
	padding-top: $container-vertical-padding;
	padding-bottom: $container-vertical-padding;

	background-color: white;
}

#newPostField textarea {
	width: $container-computed-width - ($textarea-padding * 2) - 2px;	// border adds an extra 2px
	height: 200px;
	padding: $textarea-padding;
}

#newPostSubmit {
	text-align: right;
	width: 100%;
	input {
		margin: 0;
	}
}

.post {
	margin-bottom: 10px;
}

// Place all the styles related to the posts controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

$container-horizontal-padding: 60px;
$container-vertical-padding: 30px;
$container-width: 700px;
$container-computed-width: $container-width - ($container-horizontal-padding * 2);

$textarea-padding: 5px;

body {
	background-color: #f2f2f2;

	margin: 0;
	padding: 0;

	font-family: sans-serif;
}

#container {
	width: $container-computed-width;
	margin-left: auto;
	margin-right: auto;

	padding-left: $container-horizontal-padding;
	padding-right: $container-horizontal-padding;
	padding-top: $container-vertical-padding;
	padding-bottom: $container-vertical-padding;

	background-color: white;
}

#newPostField textarea {
	width: $container-computed-width - ($textarea-padding * 2) - 2px;	// border adds an extra 2px
	height: 200px;
	padding: $textarea-padding;

	resize: vertical;
}

#newPostSubmit {
	text-align: right;
	width: 100%;
	input {
		margin: 0;
	}
}

.post {
	margin-bottom: 10px;
}

Make textarea only vertically resizable
Make textarea only vertically resizable
