timeline-template.less

.timeline-template{
	.timeline-info {
		
	}
	.timeline-detail {
		padding: 5px 0;
		padding-left: 12px;
		.summary {
			overflow: hidden;
			.title {
				text-transform: uppercase;
			}
			.field {
				padding-top: 5px;
				.icon {
					border: 1px solid #ccc;
					display: inline-block;
					line-height: 1.1em;
					padding: 4px;
					text-align: center;
					width: 34px;
					.fa {
						font-size: 1.0em;
					}
				}
				.desc {
					display: inline-block;
					font-size: small;
					padding: 5px;
					vertical-align: top;
				}
			}
		}
		.tags {
			border: none;
			font-size: 11px;
			padding-top: 8px;
			text-transform: uppercase;
		}
		.note-template {
			font-size: 15px;
			.summary {
				height: 50px;
			}
		}
		.list-template {
			font-size: 15px;
			.summary {
				height: 25px;
			}
		}
		.fitness-template {
			.summary {
				.desc {
					.title {
						width: 140px;
					}
					.set {
						width: 30px;
						text-align: right;
					}
				}
				.desc * {
					display: inline-block;
				}
			}
		}
	}
}
@media screen and (max-width: 550px) {
	.timeline-template {
		.timeline-detail {
			.summary {
				.field .icon {
					.fa {
						font-size: 0.9em;
					}
				}
			}
		}
	}
}