Rename clearfix class.

_includes/footer.html

@@ -1,4 +1,4 @@
-      <footer class="site-footer cf">
+      <footer class="site-footer clearfix">
         <nav>
           <a href="/about/">About</a>
           <a href="/terms-of-service/">Terms of Service</a>

_includes/license-overview.html

@@ -1,4 +1,4 @@
-<div class="license-family cf">
+<div class="license-family clearfix">
   <div class="license-family-heading">
     <h3 class="license-family-name"><a href="{{ page.permalink }}">{% if page.category %}{{ page.category }}{% else %}{{ page.title }}{% endif %}</a></h3>
 

_layouts/license.html

@@ -1,6 +1,6 @@
 {% include header.html %}
 
-      <div class="cf">
+      <div class="clearfix">
         <div class="license-body">
           <pre id="license-text">
 
@@ -11,6 +11,6 @@
 
 {% include sidebar.html %}
 
-      </div><!-- /cf -->
+      </div> <!-- /clearfix -->
 
 {% include footer.html %}

css/application.css

@@ -459,18 +459,18 @@ strong {
 }
 
 /* For modern browsers */
-.cf:before,
-.cf:after {
+.clearfix:before,
+.clearfix:after {
     content: "";
     display: table;
 }
 
-.cf:after {
+.clearfix:after {
     clear: both;
 }
 
 /* For IE 6/7 (trigger hasLayout) */
-.cf {
+.clearfix {
     zoom:1;
 }
 

index.html

@@ -11,7 +11,7 @@ description: A site to provide non-judgmental guidance on choosing a license for
   Which of the following best describes your situation?
   <span>}</span>
 </h2>
-<ul class="triptych situations cf">
+<ul class="triptych situations clearfix">
   <li class="whatever">
     <a href="licenses/mit">
       <img src="images/three-arrows@2x.png" alt="three arrows" width="72" height="57">
@@ -54,7 +54,7 @@ description: A site to provide non-judgmental guidance on choosing a license for
   What if none of these work for me?
   <span>}</span>
 </h2>
-<ul class="triptych see-more cf">
+<ul class="triptych see-more clearfix">
   <li>
     <h3>My content isn't code.</h3>
     <p>