<commit_before><?php include('includes/head.php'); ?>

<div class="page-header" style="height:200px;">
	<div class="container">
		<div class="page-header-content column-1"><h1 class="page-title">utilities</h1></div>
	</div>
</div>


<div id="utilities" class="content">
<div class="container">
<div class="row">

<div class="column-1-4">
	<div class="side-nav">
		<ul>
			<li><a href="#clearfix">Clearfix</a></li>
			<li><a href="#center-block">Center Block</a></li>
			<li><a href="#floats">Floats</a></li>
			<li><a href="#hide-and-show">Hide and Show</a></li>
			<li><a href="#responsive-utilities">Responsive Utilities</a></li>
			<li><a href="#mixins">Mixins</a></li>
		</ul>
	</div>
</div>

<div class="column-3-4">

<!-- Clearfix -->
<div class="panel">
<h2 id="clearfix" class="section-title">Clearfix</h2>
<p>Clearfix for Elements with Floating Inner Elements.</p>
<h3 class="section-sub-title">Class</h3>
<pre><code class="hljs html"><?php echo htmlentities('<div class="clearfix">...</div>'); ?></code></pre>
<pre><code class="hljs css"><?php echo htmlentities('.clearfix {
	.clearfix();
}'); ?></code></pre>
<h3 class="section-sub-title">Mixin</h3>
<pre><code class="hljs css"><?php echo htmlentities('.clearfix() {

	&:before,
	&:after {
		content: " ";
		display: table;
	}
<commit_msg>New Page Header description.<commit_after><?php include('includes/head.php'); ?>

<div class="page-header">
	<div class="container">
		<div class="page-header-content column-1">
			<div class="page-header-content-inner">
				<h1 class="page-title">Utilities</h1>
				<p class="page-description">Utility classes and mixins for easy styling including clearfix, center block, floats, hide/show visiblity, and responsive utilities.</p>
			</div>
		</div>
	</div>
</div>

<div id="utilities" class="content">
<div class="container">
<div class="row">

<div class="column-1-4">
	<div class="side-nav" data-affix>
		<ul>
			<li><a href="#clearfix">Clearfix</a></li>
			<li><a href="#center-block">Center Block</a></li>
			<li><a href="#floats">Floats</a></li>
			<li><a href="#hide-and-show">Hide and Show</a></li>
			<li><a href="#responsive-utilities">Responsive Utilities</a></li>
			<li><a href="#mixins">Mixins</a></li>
		</ul>
	</div>
</div>

<div class="column-3-4">

<!-- Clearfix -->
<div class="panel">
<h2 id="clearfix" class="section-title">Clearfix</h2>
<p>Clearfix for Elements with Floating Inner Elements.</p>
<h3 class="section-sub-title">Class</h3>
<pre><code class="hljs html"><?php echo htmlentities('<div class="clearfix">...</div>'); ?></code></pre>
<pre><code class="hljs css"><?php echo htmlentities('.clearfix {
	.clearfix();
}'); ?></code></pre>
<h3 class="section-sub-title">Mixin</h3>
<pre><code class="hljs css"><?php echo htmlentities('.clearfix() {

	&:before,
	&:after {
		content: " ";
		display: table;
	}

{'fraction_non_alphanumeric': 0.2432050829509354, 'fraction_numerical': 0.010236498411577833, 'mean_word_length': 5.269911504424779, 'pattern_counts': {'":': 0, '<': 143, '<?xml version=': 0, '>': 141, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7013548', 'n_tokens_mistral': 1090, 'n_tokens_neox': 1040, 'n_words': 200}