Use the hairline/border class on my hr tag

1

Hello,

I would like to use the in-built sleek framework7 hairline / borders class in my <hr> tags.

Currently, this is what I use.

<hr style="height:1px;display:block;border:none;color:white;background:lightgray;"/>

And an example of how I use it

<div class="row">
	<div class="col" align="center">
		<small class="text-color-gray">Today</small>
	</div>	
</div>
<hr style="height:1px;display:block;border:none;color:white;background:lightgray;"/>				
<div class="row">
	<div class="col" align="center">
		<small class="text-color-gray">This Week</small>
	</div>
</div>
<hr style="height:1px;display:block;border:none;color:white;background:lightgray;"/>

Any idea how I can access that class and use it?

Thanks