julienmonnerie/assets/css/style.scss

@use 'partials/minireset';
@use 'partials/fonts';
@use 'partials/variables' as *;
@use 'partials/animations';

// ----------------------------------------------------------------------------
// GENERALITIES
// ----------------------------------------------------------------------------

// Fonts and colors

// Link style

// General grid layout

body {
	min-height: 100vh;
	overflow-x: hidden;
	display: -ms-grid;
	display: grid;
	grid:
		'header main' 1fr
		'footer main' auto
		/ auto 1fr;
}

header {
	grid-area: header;
}

main {
	grid-area: main;
}

footer {
	grid-area: footer;
}

// ----------------------------------------------------------------------------
// HEADER
// ----------------------------------------------------------------------------

// Header bar

// ----------------------------------------------------------------------------
// MAIN
// ----------------------------------------------------------------------------

// Home section

// ----------------------------------------------------------------------------
// FOOTER
// ----------------------------------------------------------------------------

// Footer bar