✏️ Editing: _text-marquee-3.scss Writable

.ova-text-marquee-3{
	position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    width: 100%;
    opacity: 0.3;
    direction: ltr;

&.direction-ltr {
    	direction: rtl;
    	.content-wrapper {
			animation: ova_scroll_ltr 20s linear infinite;
			animation-delay: -20s;
		}

.content-wrapper-2 {
			animation: ova_scroll2_ltr 20s linear infinite;
			animation-delay: -10s;
		}
		&.duration-slow{
			.content-wrapper {
				animation: ova_scroll_ltr 15s linear infinite;
				animation-delay: -15s;
			}
			.content-wrapper-2 {
				animation: ova_scroll2_ltr 15s linear infinite;
				animation-delay: -7.5s;
			}
		}

&.duration-fast{
			.content-wrapper {
				animation: ova_scroll_ltr 5s linear infinite;
				animation-delay: -5s;
			}
			.content-wrapper-2 {
				animation: ova_scroll2_ltr 5s linear infinite;
				animation-delay: -2.5s;
			}
		}
    }

.content-wrapper, .content-wrapper-2{

.text{
			display: inline-block;
        	font-weight: 500;
			font-size: 130px;
			line-height: 1;
			text-transform: capitalize;
			color: var(--heading);

&.stroke-white{
				text-shadow: -1px -1px 0 var(--heading), 1px -1px 0 var(--heading), -1px 1px 0 var(--heading), 1px 1px 0 var(--heading);
				color: #0E0D16;
			}
			&.stroke-black{
				text-shadow: -1px -1px 0 #0E0D16, 1px -1px 0 #0E0D16, -1px 1px 0 #0E0D16, 1px 1px 0 #0E0D16;
				color: var(--heading);
			}
		}

.line-decoration{
			width: 85px;
			height: 11px;
			background-color: transparent;
			display: inline-block;
			vertical-align: bottom;
			background-color: transparent;
			border: 1px solid var(--heading);
			margin: 0 30px 0 35px;
		}
	}

.content-wrapper {
		animation: ova_scroll 15s linear infinite;
		animation-delay: -15s;
	}

.spacing {
		-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	    flex-grow: 1;
	    width: 600px;
	}

.content-wrapper-2 {
		animation: ova_scroll2 15s linear infinite;
		animation-delay: -7.5s;
	}

&.duration-slow{
		.content-wrapper {
			animation: ova_scroll 15s linear infinite;
			animation-delay: -15s;
		}
		.content-wrapper-2 {
			animation: ova_scroll2 15s linear infinite;
			animation-delay: -7.5s;
		}
	}

&.duration-fast{
		.content-wrapper {
			animation: ova_scroll 5s linear infinite;
			animation-delay: -5s;
		}
		.content-wrapper-2 {
			animation: ova_scroll2 5s linear infinite;
			animation-delay: -2.5s;
		}
	}
}

🔐 Sid Gifari File Manager Pro