

.textfield{//Label Animation

	& > .label {
		@include transition(0.100s, acce); 
	}

	& > .elem:focus{			
		& ~ .label {
			opacity: 1;
			top: 8px;
			@include font(caption, $c-p);
		}
	}

}

.textfield{ //indicador animation
	& > .indicador {
		@include transition(0.250s, emph); 
		//transform-origin:100% 50%;
	}
}

.textfield{ //trailling animation
	& > .trailing{
		@include transition(0.250s, emph); 
		
		//transform-origin:100% 50%;
	}
}


.textfield-desk{//Version for computers
	& > .elem:focus{			
		& ~ .label {
			top: 0px;
			font-size: 12px;
			font-weight: normal;
			letter-spacing: 0.4px;
			font-family: "Roboto";
			//@include font(overline, $c-p);
		}
	}
}





























