File "line-grow.php"
Full Path: /home/amervokv/ecomlive.net/wp-content/plugins/elementskit-lite/modules/onepage-scroll/nav-styles/line-grow.php
File size: 1.88 KB
MIME-type: text/x-php
Charset: utf-8
<?php
/**
* Line - Line Grow
*/
$classlist['li'] = '';
$classlist['link'] .= 'met_d--block met_pos--relative ';
$classlist['span'] = 'met_d--block editor:met_color met_transition--300ms met_opacity--30 a:hover:met_opacity--60 active:_:met_opacity--100 met_scale--' . $nav_pos;
$classlist['tooltip'] .= 'nav_tooltip met_d--none met_pos--absolute met_px--8 met_py--5 met_color--white editor:met_bgc met_radius--4 met_fs--14 met_lh--16 met_text--nowrap met_transition--300ms met_opacity--0 active:_:met_opacity--100 ';
$classlist['arrow'] .= 'met_d--none met_pos--absolute editor:met_color met_bd--6 met_bdc--none met_transition--300ms met_opacity--0 active:_:met_opacity--100 ';
if ( $nav_pos === 'top' || $nav_pos === 'bottom' ) :
$classlist['link'] .= ' met_pl--10';
$classlist['span'] .= ' met_h--24 met_bdl--2 met_pr--10 a:hover:met_scaleY--200 active:_:met_scaleY--200';
$classlist['tooltip'] .= 'met_left--50p met_translateLeft--m50p met_my--36 ';
$classlist['arrow'] .= 'met_left--50p met_translateLeft--m50p met_my--24 ';
else :
$classlist['link'] .= ' met_pt--10';
$classlist['span'] .= ' met_w--24 met_bdt--2 met_pb--10 a:hover:met_scaleX--200 active:_:met_scaleX--200';
$classlist['tooltip'] .= 'met_top--50p met_translateTop--m50p met_mx--36 ';
$classlist['arrow'] .= 'met_top--50p met_translateTop--m50p met_mx--24 ';
endif;
?>
<div class="onepage_scroll_nav <?php echo esc_attr( $classlist['wrapper'] ); ?>">
<ul class="<?php echo esc_attr( $classlist['ul'] ); ?>">
<li data-menuanchor="section_1" class="<?php echo esc_attr( $classlist['li'] ); ?>">
<a href="#section_1" class="<?php echo esc_attr( $classlist['link'] ); ?>">
<span class="<?php echo esc_attr( $classlist['span'] ); ?>"></span>
<span class="<?php echo esc_attr( $classlist['tooltip'] ); ?>"></span>
<span class="<?php echo esc_attr( $classlist['arrow'] ); ?>"></span>
</a>
</li>
</ul>
</div>