Newer
Older
anicusi / scss / utils.scss
@Eugene Eugene on 11 Apr 1 KB init
.dnone {
	display: none !important;
}

.hide {
	visibility: hidden;
	opacity: 0;
	cursor: default;
}

.std-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: $std-mg-lg;
	align-items: center;

	&.space-between {
		justify-content: space-between;
	}
}

a.no-decoration,
a.no-decoration:hover {
	border: 0;
	color: $color-text;
}

.collapse:not(.collapse-show) {
	display: none;
}

/* PRELOADER */

@keyframes ldio-jyt13pqa73-o {
		0%    { opacity: 1; transform: translate(0 0) }
	 49.99% { opacity: 1; transform: translate(40px,0) }
	 50%    { opacity: 0; transform: translate(40px,0) }
	100%    { opacity: 0; transform: translate(0,0) }
}

@keyframes ldio-jyt13pqa73 {
		0% { transform: translate(0,0) }
	 50% { transform: translate(40px,0) }
	100% { transform: translate(0,0) }
}

.ldio-jyt13pqa73 div {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	top: 0;
	left: 0;
}

.ldio-jyt13pqa73 div:nth-child(1) {
	background: #93bfb7;
	animation: ldio-jyt13pqa73 1s linear infinite;
	animation-delay: -0.5s;
}

.ldio-jyt13pqa73 div:nth-child(2) {
	background: #387373;
	animation: ldio-jyt13pqa73 1s linear infinite;
	animation-delay: 0s;
}

.ldio-jyt13pqa73 div:nth-child(3) {
	background: #93bfb7;
	animation: ldio-jyt13pqa73-o 1s linear infinite;
	animation-delay: -0.5s;
}

.loadingio-spinner-dual-ball-9pyhqeozhs {
	width: 88px;
	height: 32px;
	display: inline-block;
	overflow: hidden;
	background: none;
}

.ldio-jyt13pqa73 {
	width: 100%;
	height: 100%;
	position: relative;
	transform: translateZ(0) scale(1);
	backface-visibility: hidden;
	transform-origin: 0 0; /* see note above */
}

.ldio-jyt13pqa73 div { box-sizing: content-box; }

.preload-spinner {
	.loadingio-spinner-dual-ball-9pyhqeozhs {
		width: 60px;
		height: 22px;
	}

	.ldio-jyt13pqa73 div {
		width: 20px;
		height: 20px;
	}
}