gingersoulrecords / hijinx Goto Github PK

View Code? Open in Web Editor NEW

0.0 0.0 0.0 611 KB

Custom HTML tags that do front-end JavaScript stuff.

License: GNU General Public License v3.0

HTML 6.53% JavaScript 89.48% CSS 3.98%

hijinx's People

Contributors

Watchers

hijinx's Issues

Make sure target exists in DOM before doing anything to it

With GSAP it'll throw an error

Hijinx elements

A running list of the elements hijinx might need to do its thing

<if>

	<condition>
		<targets>p</targets>
		<length>4</length>
	</condition>
	<css>
		<targets>p</targets>
		<color>red</color>
	</css>
  
  <else-if>
	  <condition>
		<targets>p</targets>
		<length>3</length>
	  </condition>  
	  <css>
	    <targets>p</targets>
	    <color>blue</color>
	  </css>
  </else-if>
  
  <else> 
	  <css>
	    <targets>p</targets>
	    <color>green</color>
	  </css>
  </else>

</if>

enquire js for a media attribute on when

Hijinx capabilities

A starter list for what hijinx is capable of doing, listed by tier.

Free tier

JavaScript basics

<if> and <else> tags that evaluate a condition, like

<if>
  <condition>
    <targets>p</targets>
    <length>3</length>
  </condition>
  
  <then>
    <css>
      <targets>p</targets>
      <color>red</color>
    </css>
  </then>

  <else>
    <css>
      <targets>p</targets>
      <color>blue</color>
    </css>
   </else>
</if>