astra_scroll_to_top_static_css( string $dynamic_css )

Scroll to Top – Static CSS


Description


Parameters

$dynamic_css

(string) (Required) Astra Dynamic CSS.


Return

(String) Generated dynamic CSS for Scroll to Top.


Source

File: inc/addons/scroll-to-top/css/static-css.php

function astra_scroll_to_top_static_css( $dynamic_css ) {

	if ( true !== astra_get_option( 'scroll-to-top-enable', true ) ) {
		return $dynamic_css;
	}

	$is_site_rtl = is_rtl() ? true : false;
	$ltr_left    = $is_site_rtl ? 'right' : 'left';
	$ltr_right   = $is_site_rtl ? 'left' : 'right';

	$dynamic_css .= '
		#ast-scroll-top {
			display: none;
			position: fixed;
			text-align: center;
			cursor: pointer;
			z-index: 99;
			width: 2.1em;
			height: 2.1em;
			line-height: 2.1;
			color: #ffffff;
			border-radius: 2px;
			content: "";
		}
		@media (min-width: 769px) {
			#ast-scroll-top {
				content: "769";
			}
		}
		#ast-scroll-top .ast-icon.icon-arrow svg {
			margin-' . esc_attr( $ltr_left ) . ': 0px;
			vertical-align: middle;
			transform: translate(0, -20%) rotate(180deg);
			width: 1.6em;
		}
		.ast-scroll-to-top-right {
			' . esc_attr( $ltr_right ) . ': 30px;
			bottom: 30px;
		}
		.ast-scroll-to-top-left {
			' . esc_attr( $ltr_left ) . ': 30px;
			bottom: 30px;
		}
	';

	return $dynamic_css;
}

Changelog

Changelog
Version Description
4.0.0 Introduced.


User Contributed Notes

You must log in before being able to contribute a note or feedback.