Gecko [ www.annuaire-holistea.fr ]

Name	Size	Permission
.mad-root	0 B	-rw-r--r--
_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--
pwnkit	0 B	-rwxr-xr-x

Code Editor : _heading.scss

/* Heading */

#heading {
		-ms-flex-align: center;
		-ms-flex-pack: center;
		@include color(accent2);
		@include vendor('align-items', 'center');
		@include vendor('display', 'flex');
		@include vendor('justify-content', 'center');
		background-image: linear-gradient(transparentize(_palette(accent2,bg), 0.75), transparentize(_palette(accent2,bg), 0.75)), url('../../images/banner.jpg');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		border-top: 0;
		display: -ms-flexbox;
		height: 15rem !important;
		min-height: 15rem;
		overflow: hidden;
		position: relative;
		text-align: center;
		width: 100%;

&:before {
			background: linear-gradient(135deg, _palette(accent1,bg) 0%,_palette(accent2,bg) 74%);
			content: ' ';
			display: block;
			height: 100%;
			left: 0;
			opacity: 0.6;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;
		}

h1 {
			margin-bottom: 0;
			position: relative;
			z-index: 2;
		}

@include breakpoint('<=medium') {
			padding: 2rem;
		}
	}

${this.title}

Code Editor : _heading.scss