AppyKit - Buttons

                                        

    

    <!-- dark button start -->
    	<button class="appyBtn is-dark and-small">Your text <i class="fa fa-hand-pointer-o"></i></button>
    <!-- dark button start -->
    
    

    <!-- purple button start -->
        <button class="appyBtn is-purple and-small">Your text <i class="fa fa-hand-pointer-o"></i></button>
    <!-- purple button end -->
    
    

    <!-- orange button start -->
        <button class="appyBtn is-orange and-small">Your text <i class="fa fa-hand-pointer-o"></i></button>
    <!-- orange button end -->
		
		

    <!-- green button start -->
        <button class="appyBtn is-green and-small">Your text <i class="fa fa-hand-pointer-o"></i></button>
    <!-- green button end -->
    

    
                                        
                                    

                                        

    

    <!-- dark border button start -->
    	<button class="appyBtn is-dark-border and-small">Is dark <i class="fa fa-hand-pointer-o"></i></button>
    <!-- dark border button start -->
    
    

    <!-- purple border button start -->
        <button class="appyBtn is-purple-border and-small">Is purple <i class="fa fa-hand-pointer-o"></i></button>
    <!-- purple border button end -->
    
    

    <!-- orange border button start -->
        <button class="appyBtn is-orange-border and-small">Is orange <i class="fa fa-hand-pointer-o"></i></button>
    <!-- orange button end -->
		
		

    <!-- green border button start -->
        <button class="appyBtn is-green-border and-small">Is green <i class="fa fa-hand-pointer-o"></i></button>
    <!-- green border button end -->
    

    
                                        
                                    

                                        

    

    <!-- dark-gradient button start -->
    	<button class="appyBtn is-dark-gradient and-small">Your text <i class="fa fa-hand-pointer-o"></i></button>
    <!-- dark button start -->
    
    

    <!-- purple-gradient button start -->
        <button class="appyBtn is-purple-gradient and-small">Your text <i class="fa fa-hand-pointer-o"></i></button>
    <!-- purple-gradient button end -->
    
    

    <!-- orange-gradient button start -->
        <button class="appyBtn is-orange-gradient and-small">Your text <i class="fa fa-hand-pointer-o"></i></button>
    <!-- orange-gradient button end -->
		
		

    <!-- green-gradient button start -->
        <button class="appyBtn is-green-gradient and-small">Your text <i class="fa fa-hand-pointer-o"></i></button>
    <!-- green-gradient button end -->
    

    
                                        
                                    

                                        

    

    <!-- small button start -->
    	<button class="appyBtn is-dark and-small">Your text <i class="fa fa-hand-pointer-o"></i></button>
    <!-- small button start -->
    
    

    <!-- medium button start -->
        <button class="appyBtn is-purple and-medium">Your text <i class="fa fa-hand-pointer-o"></i></button>
    <!-- medium button end -->
    
    

    <!-- large button start -->
        <button class="appyBtn is-orange and-large">Your text <i class="fa fa-hand-pointer-o"></i></button>
    <!-- large button end -->
		
		

    <!-- xlarge button start -->
        <button class="appyBtn is-green and-xlarge">Your text <i class="fa fa-hand-pointer-o"></i></button>
    <!-- xlarge button end -->
    

    
                                        
                                    

										
	

<!-- small button start -->
	<div class="appyBtnsGroup abg-purple abg-small">
		<button class="is-active">Anything</button>
		<button>Your text</button>
		<button>Simple item</button>
		<a href="#">Link item</a>
	</div>
<!-- small button end -->
	
	

<!-- medium button start -->
<div class="appyBtnsGroup abg-orange abg-medium">
	<button class="is-active">Anything</button>
	<button>Your text</button>
	<button>Simple item</button>
	<a href="#">Link item</a>
</div>
<!-- medium button end -->
		
										
								

										
	

<!-- purple play button start -->
<a href="#" class="appyPlayBtn is-purple" data-lity><i class="fa fa-play"></i></a>
<!-- purple play button end -->
	
	

<!-- green play button start -->
<a href="#" class="appyPlayBtn is-green" data-lity><i class="fa fa-play"></i></a>
<!-- green play button end -->