Elements


These modular elements can be readily used and customized across pages and in different blocks.


	<div class="seperator">
		<svg xmlns="http://www.w3.org/2000/svg" class="seperator-icon" viewBox="0 0 169.6 192.6">
			
		</svg>
	</div>
	
	<!-- devider dashed medium -->
	<p class="devider devider_medium devider_dashed"></p>

	<!-- devider narrow -->
	<p class="devider devider_narrow devider_thik devider_primary"></p>
	
	<!-- devider full -->
	<p class="devider devider_full">

How to use
  • To use svg for seperator keep the <svg> element into .seperator wrapper
  • For line seperator use <p> with the class .devider. For dashed style use .devider_dashed with .devider
  • For small length seperator use class .devider_narrow , for medium length .devider_medium and for full width use .devider_full
  • .devider_primary class is for the primary color devider

Example