Gecko [ www.annuaire-holistea.fr ]

Name	Size	Permission
_actions.scss	1.55 KB	-rw-r--r--
_box.scss	435 B	-rw-r--r--
_button.scss	2.7 KB	-rw-r--r--
_form.scss	4.94 KB	-rw-r--r--
_grid.scss	421 B	-rw-r--r--
_highlights.scss	1023 B	-rw-r--r--
_icon.scss	131 B	-rw-r--r--
_icons.scss	274 B	-rw-r--r--
_image.scss	732 B	-rw-r--r--
_inner.scss	188 B	-rw-r--r--
_list.scss	1.31 KB	-rw-r--r--
_table.scss	1.48 KB	-rw-r--r--
_testimonials.scss	1.41 KB	-rw-r--r--
_wrapper.scss	325 B	-rw-r--r--

/* Testimonials */

.testimonials {
		margin: (_size(element-margin) * 1.25) 0;
		width: 100%;

@include flexgrid((
			columns:			3,
			gutters:			3rem,
			vertical-align:		stretch,
		));

.content {
			border-radius: _size(border-radius);
			height: 100%;
			padding: 3rem;

.author {
				@include vendor('display','flex');
				@include vendor('align-items','center');

blockquote {
					margin: 0;
				}

.image {
					margin-right: 2rem;
					width: 20%;

img {
						border-radius: 100%;
						max-width: 100%;
					}
				}
			}

.credit {
				font-size: 0.75rem;
			}

p {
				&:last-child {
					margin: 0;
				}
			}
		}

> div {
			> :last-child {
				margin-bottom: 0;
			}
		}

@include breakpoint('<=medium') {
			@include flexgrid-resize((
				columns:		2,
				gutters:		2rem,
				prev-columns:	3
			));

.content {
				padding: 2rem;
			}
		}

@include breakpoint('<=small') {
			@include flexgrid-resize((
				columns:		1,
				gutters:		2rem,
				prev-columns:	(3, 2)
			));
		}
	}

@mixin color-testimonials($p: null) {
		$highlight: _palette($p, highlight);

.testimonials {
			.content {
				background: _palette($p, bg);
				box-shadow: 0px 0px 4px 1px _palette($p, border-lt);

.credit {
					strong {
						color: _palette($highlight,bg);
					}
				}
			}
		}
	}

@include color-testimonials;