circle-dot-move.php
4 years ago
circle-fill-in.php
4 years ago
circle-fill-out.php
4 years ago
circle-scale-up.php
4 years ago
circle-stroke-dot.php
4 years ago
circle-stroke-simple.php
4 years ago
circle-stroke.php
4 years ago
circle-timeline.php
4 years ago
icon.php
4 years ago
line-fill.php
4 years ago
line-grow.php
4 years ago
line-move.php
4 years ago
line-shrink.php
4 years ago
square-scale-up.php
4 years ago
line-fill.php
43 lines
| 1 | <?php |
| 2 | /** |
| 3 | * Line - Line Fill |
| 4 | */ |
| 5 | |
| 6 | $classlist['link'] .= 'met_d--block met_pos--relative '; |
| 7 | |
| 8 | $classlist['span1'] = 'met_d--block editor:met_color met_pos--absolute met_opacity--30 '; |
| 9 | $classlist['span2'] = 'met_d--block editor:met_color met_transition--300ms met_scale--0 '; |
| 10 | |
| 11 | $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 a:hover:met_opacity--100 active:_:met_opacity--100 '; |
| 12 | |
| 13 | $classlist['arrow'] .= 'met_d--none met_pos--absolute editor:met_color met_bd--6 met_bdc--none met_transition--300ms met_opacity--0 a:hover:met_opacity--100 active:_:met_opacity--100 '; |
| 14 | |
| 15 | if ( $nav_pos === 'top' || $nav_pos === 'bottom' ) : |
| 16 | $classlist['span1'] .= 'met_w--48 met_bdt--4'; |
| 17 | $classlist['span2'] .= 'active:_:met_scaleX--100 met_w--48 met_bdt--4 met_scale--right'; |
| 18 | |
| 19 | $classlist['tooltip'] .= 'met_left--50p met_translateLeft--m50p met_my--12 '; |
| 20 | $classlist['arrow'] .= 'met_left--50p met_translateLeft--m50p '; |
| 21 | else : |
| 22 | $classlist['span1'] .= 'met_h--48 met_bdl--4'; |
| 23 | $classlist['span2'] .= 'active:_:met_scaleY--100 met_h--48 met_bdl--4 met_scale--bottom'; |
| 24 | |
| 25 | $classlist['tooltip'] .= 'met_top--50p met_translateTop--m50p met_mx--12 '; |
| 26 | $classlist['arrow'] .= 'met_top--50p met_translateTop--m50p '; |
| 27 | endif; |
| 28 | |
| 29 | ?> |
| 30 | <div class="onepage_scroll_nav <?php echo esc_attr( $classlist['wrapper'] ); ?>"> |
| 31 | <ul class="<?php echo esc_attr( $classlist['ul'] ); ?>"> |
| 32 | <li data-menuanchor="section_1" class="<?php echo esc_attr( $classlist['li'] ); ?>"> |
| 33 | <a href="#section_1" class="<?php echo esc_attr( $classlist['link'] ); ?>"> |
| 34 | <span class="<?php echo esc_attr( $classlist['span1'] ); ?>"></span> |
| 35 | <span class="<?php echo esc_attr( $classlist['span2'] ); ?>"></span> |
| 36 | |
| 37 | <span class="<?php echo esc_attr( $classlist['tooltip'] ); ?>"></span> |
| 38 | <span class="<?php echo esc_attr( $classlist['arrow'] ); ?>"></span> |
| 39 | </a> |
| 40 | </li> |
| 41 | </ul> |
| 42 | </div> |
| 43 |