gaf-mobile/app/styles/modules/Testimonial.less

GAF mobile Web site

@import (reference) '../themes/variables';
@import (reference) '../libs/mixins';

.Testimonial {
	@this: Testimonial;

	padding: 24px;
	border: 2px solid @septenary-color-xxlight;
	border-radius: @border-radius;

	&-content {
		margin: 0;
		font-size: @type-size-lge;
		font-weight: @type-weight-light;
		line-height: 1.6;
	}

	&-author {
		.flex();
		.flex-align-items(center);
		margin-top: @spacing-mid;

		&-pic {
			.flex-basis(41px);
			.flex-shrink(0);
			overflow: hidden;
			border-radius: 50%;
		}

		&-body {
			margin-left: @spacing-xsmall;
		}

		&-name,
		&-desc {
			display: block;
		}

		&-name {
			font-size: @type-size;
			font-weight: @type-weight-medium;
		}


		&-desc {
			font-size: @type-size-sml;
			font-weight: @type-weight-light;
		}
	}
}