/**
 * @author:	Emmanuel SMITH <hey@emmanuel-smith.me>
 * project:	ets2-dashboard-skin
 * file: 	truck.scss
 * Date: 	06/04/2020
 * Time: 	20:18
 */

@import "../../../../../assets/scss/common/variables";
@import "../common/common";

.truck {
	.t-info {
		@include prefixer(display, flex, ("webkit", "moz", "o"));
		@include prefixer(justify-content, space-between, ("webkit", "moz", "o"));
		text-align: right;
		
		.theTruk {
			@include prefixer(display, flex, ("webkit", "moz", "o"));
			width: 100%;
			@include prefixer(justify-content, space-between, ("webkit", "moz", "o"));
			@include prefixer(flex-direction, column, ("webkit", "moz", "o"));
			min-height: 4.5rem;
			padding: 0 0 0.5rem 0;
		}
		
		.truck-data, .truck-stats, .truck-gear {
			
			/*width: 100%;*/
			padding: 0 1rem;
			@include prefixer(display, flex, ("webkit", "moz", "o"));
			@include prefixer(justify-content, space-between, ("webkit", "moz", "o"));
			
			> * {
				display: block;
			}
		}
		
		.truck-stats {
			/*width: auto;*/
			> span {
				width: 100%;
				font-size: 1rem;
				text-align: center
			}
		}
		
		.truck-data {
			> * {
				@include prefixer(display, flex, ("webkit", "moz", "o"));
				@include prefixer(justify-content, center, ("webkit", "moz", "o"));
				@include prefixer(align-items, center, ("webkit", "moz", "o"));
				font-size: 1rem;
			}
			
			.brand {
				width: 2rem;
				max-height: 24px;
				margin-right: 0.5rem;
			}
		}
		
	}
}