Gecko [ www.annuaire-holistea.fr ]

Name	Size	Permission
_banner.scss	2.7 KB	-rw-r--r--
_cta.scss	531 B	-rw-r--r--
_footer.scss	1.19 KB	-rw-r--r--
_header.scss	2.08 KB	-rw-r--r--
_heading.scss	1.06 KB	-rw-r--r--
_main.scss	364 B	-rw-r--r--
_menu.scss	2.06 KB	-rw-r--r--

/* Footer */

#footer {
		@include color(accent2);
		@include padding(8rem, 0);

a {
			color: _palette(accent2, fg);
			text-decoration: none;

&:hover {
				color: _palette(accent1, bg);
			}
		}

.content {
			@include vendor('display', 'flex');

section {
				width: 25%;

&:first-child {
					width: 50%;
					padding-right: _size(element-margin) * 2;
				}

&:last-child {
					padding-left: _size(element-margin) * 2;
				}
			}
		}

.copyright {
			border-top: 1px solid;
			font-size: 0.8rem;
			opacity: 0.5;
			padding: _size(element-margin) 0;
			text-align: center;
		}

@include breakpoint('<=large') {
			@include padding(4rem, 0);
		}

@include breakpoint('<=medium') {
			.content {
				@include vendor('flex-wrap', 'wrap');

section {
					width: 50%;

&:first-child {
						width: 100%;
						padding-right: 0;
					}
				}
			}
		}

@include breakpoint('<=small') {
			@include padding(3rem, 0);

.content {
				section {
					width: 100%;

&:last-child {
						padding-left: 0;
					}
				}
			}
		}

@include breakpoint('<=xsmall') {
			@include padding(2rem, 0);
		}
	}