/**
* Back Top classes
*
* @date 	26/04/2013
* @author splitfire - http://splitfire.fr
* @version 1.0
*
*
*/

.back_top
{
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	height: 48px;
	line-height: 48px;
	@include background-color-rgba(#8D8D8D, 0.75);
	color: #fff;
	cursor: pointer;
	z-index: 15;
	
	& .back_top--icon
	{
		display: block;
		float: left;
		margin: 8px 8px 0 8px;
		@include opacity(1);
		color: #fff;
		//@include px2em($px: $fontSize * 2.5, $base-font-size:$base-font-size, $em : true, $rem: true, $percent: false, $property : font-size);
		//@include px2em($px: $fontSize * 2.5, $base-font-size:$base-font-size, $em : true, $rem: true, $percent: false, $property : width);
		//@include px2em($px: $fontSize * 2.5, $base-font-size:$base-font-size, $em : true, $rem: true, $percent: false, $property : height);
		@include rem((
			width		:$fontSize * 2.5,
			height		:$fontSize * 2.5,
			font-size	:$fontSize * 2.5
		));

	}
	& .back_top--text
	{
		display: block;
		float: left;
		font-size: 1em;
		font-weight: bold;
		width: 0;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
		transition : width 0.2s linear 0s;

	}
	&:hover .back_top--text
	{
		width: 120px;
		transition : width 0.2s linear 0s;
		.touch & 
		{
			width: 0;
		}
	}	
}