bardouni

$unit: px
$points: 0,5,10

@each $abbrs, $s in (-i:!important, '':'')
	@each $pabbr, $p in (m:margin, p:padding)
		@each $size in $points
			@each $abbr,$name in (t:-top, b:-bottom, l:-left, r:-right, a:'')
				.#{$pabbr}#{$abbr}-#{$size}#{$abbrs}
					#{$p}#{$name}: $size#{$unit} #{$s}
			@each $abbr, $a1, $a2 in (v,top,bottom),(h,left,right)

bardouni

function useToggle(event = 'click') {

	let ref = React.useRef();

	function close() {
		// console.log('call close')
		if(ref.current){
			ref.current.style.display = "none";
		}
		document.removeEventListener(event, close);

bardouni

function useToggle(event = 'click') {

	let ref = React.useRef();

	function close() {
		// console.log('call close')
		if(ref.current){
			ref.current.style.display = "none";
		}
		document.removeEventListener(event, close);