Elements
These modular elements can be readily used and customized across pages and in different blocks.
Seperator Usage <> show code
<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