Leo Seyers LeoSeyers

🏠

Working from home

DOM slayer⚔

LeoSeyers / marquee.scss

Last active March 17, 2023 17:37

Marquee Component

	@keyframes marquee {
	0% {
	transform: translateX(0);
	}
	100% {
	transform: translateX(var(--offset));
	}
	}

	.c-marquee {

LeoSeyers / cover.scss

Last active March 1, 2023 13:14

Vimeo Full Screen Video Background

	.c-cover {
	--height: 100dvh;
	--safe-height: var(--height, var(--vh));
	--container-width: 100vw;
	--container-height: var(--safe-height);

	position: relative;
	height: var(--container-height);
	overflow: hidden;
	width: var(--container-width);

LeoSeyers / DOMAnimations.js

Last active November 9, 2022 09:43

Simple slide animation

	export class DOMAnimations {
	/**
	* Masque un élément avec un effet de repli
	* @param {HTMLElement} element
	* @param {Number} duration
	* @returns {Promise<boolean>}
	*/
	static slideUp(element, duration = 500) {
	return new Promise((resolve) => {
	if (window.getComputedStyle(element).display === 'none') resolve()

LeoSeyers / cpt-element.php

Created September 21, 2022 13:40

Create custom post type

	<?php

	/**
	* Register CPT
	*
	* @return void
	*/

	function clean($string) {
	$string = str_replace(' ', '-', $string); // Replaces all spaces with hyphens.

LeoSeyers / self-reference.scss

Created January 17, 2022 21:29

Nested element with parent self reference

LeoSeyers / responsive.scss

Created November 7, 2021 00:15

SCSS Responsive Mixins