Code Document

Class Hv Size

  • Example 1:

    Get Min Height

    Apply Min Height

  • Code:

    <div class="vrow">
    <div class="vl-6 vm-6 vs-6 vcol">
    <div id="sizeA" class="swatch3-dark-bg">
    <p class="swatch3-bg vpad-10 vmar-0" style="height:200px">Get Min Height</p>
    </div>
    </div>
    <div class="vl-6 vm-6 vs-6 vcol">
    <div class="swatch3-dark-bg vsize" data-vsize="min_height:#sizeA">
    <p class="swatch3-bg vpad-10">Apply Min Height</p>
    </div>
    </div>
    </div>
  • Example 2:

    Get (Height + 100) & (Max Height)

    Apply (Height - 50) & (Max Height)

  • Code:

    <div class="vrow">
    <div class="vl-6 vm-6 vs-6 vcol">
    <div id="sizeB" class="swatch3-dark-bg">
    <p class="swatch3-bg vpad-10 vmar-0" style="height:300px">Get (Height + 100) & (Max Height)</p>
    </div>
    </div>
    <div class="vl-6 vm-6 vs-6 vcol">
    <div class="swatch3-dark-bg vsize" data-vsize="height:#sizeB,100;max_height:#sizeB" data-vsize-="height:50">
    <p class="swatch3-bg vpad-10">Apply (Height - 50) & (Max Height)</p>
    </div>
    </div>
    </div>

Categories

©
    • Los Angeles

    • CA

    • United States

  • Website

  • Facebook

  • Class Hv Size | Frontend UI Toolkit + Wordpress Framework

  • A wordpress framework used to structure simple Javascript and CSS prototypes. Hive is lite, only includes necessities and encourages custom styling.