#posts
	display flex
	flex-flow column
	flex 1
	max-width 100%

.post
	display flex
	flex-flow column
	margin 0.5rem 0

.post-author
	text-align center
	flex-grow 0
	display flex
	flex-flow row
	justify-content center
	margin-bottom -3px

	img
		margin 0 !important

#post-input
.post-input
	width 100%
	min-height 150px
	margin 0.5rem 0

.post-submit
	margin-top 0.5rem
	max-width 200px
	align-items flex-end

.post-toolbar
	display flex
	flex-flow row
	opacity 0
	transition opacity 250ms ease
	position absolute
	bottom 3px
	right 0

.post-save
	float right
	&:hover
		cursor pointer

.post-input-toolbar
	display flex
	flex-flow row

.post-tool
	opacity 0.7
	&:hover
		cursor pointer
		opacity 1

.post-likes
	opacity 0.4
	margin-right 0.4em
	&:before
		content "+"

.post-permalink
	color blue !important

.post-delete
	color rgb(255, 32, 12) !important

.post-like
	color green !important

.post-unlike
	color rgb(255, 32, 12) !important

.post-content
	uiElement()
	text-align left
	flex-grow 1
	padding 0.4rem 1rem
	margin-left 0.3rem
	border-radius 3px
	position relative

	&:hover
		.post-toolbar
			opacity 1

	h1
		font-size 1.5rem
		line-height 2em

	h2
		font-size 1.3rem
		line-height 2em
		font-weight normal

	h3
		font-size 1.1rem
		line-height 2em
		font-weight normal

.post[data-highlight="true"]
	.post-content
		border 2px solid alpha(mainColor, 70%)

.hidden
	display none

.thread
	display flex
	flex-flow column
	align-items center

.thread-title
	width auto
	
.posts
	width 100%
	max-width 830px

@media only screen and (min-width: 500px)
	.post
		flex-flow row
		justify-content center

	.post-author
		//