updated cf_ -> clearfix

client/stylesheets/base.less

@@ -5,15 +5,12 @@
 @import "utils/_keyframes.import.less";
 @import "utils/_preloader.import.less";
 @import "utils/_emojione.import.less";
-.cf_ {
-	display: inline-block;
-	&:after {
-		content: ".";
-		display: block;
+.clearfix {
+	clear: both;
+	&::after {
+		content: "";
+		display: table;
 		clear: both;
-		visibility: hidden;
-		line-height: 0;
-		height: 0;
 	}
 }
 
@@ -219,7 +216,7 @@ blockquote {
 }
 
 .input-line {
-	.cf_;
+	.clearfix;
 	display: block;
 	margin-bottom: 12px;
 	&:nth-last-child(1) {
@@ -1735,7 +1732,7 @@ a.github-fork {
 	}
 	.list {
 		a {
-			.cf_;
+			.clearfix;
 			padding: 10px 16px;
 			width: 100%;
 			color: @primary-font-color;
@@ -2554,7 +2551,7 @@ a.github-fork {
 			display: none;
 		}
 		a {
-			.cf_;
+			.clearfix;
 			padding: 5px 0;
 			height: 30px;
 			background-color: transparent;

client/views/app/room.html

@@ -122,7 +122,7 @@
 										<button class="see-all">{{seeAll}}</button>
 									</p>--}}
 								</div>
-								<ul class='list cf_ lines'>
+								<ul class='list clearfix lines'>
 									{{#each users}}
 										<li class='user-image user-card-room status-{{status}}'>
 											<a data-username="{{username}}" tabindex="0" title="{{username}}">
@@ -136,7 +136,7 @@
 						</div>
 						<div class="user-view animated{{#unless $.Session.get 'showUserInfo'}} -hidden{{/unless}}">
 							{{#with flexUserInfo}}
-								<div class="about cf_">
+								<div class="about clearfix">
 									<div class="thumb">
 										{{> avatar username=username}}
 									</div>
@@ -164,7 +164,7 @@
 					{{else}}
 						<div class="user-view">
 							{{#with userData}}
-								<div class="about cf_">
+								<div class="about clearfix">
 
 										{{#if selfVideoUrl}}
 											{{#if rtcLayout3}}

public/landing/style.css

@@ -644,19 +644,6 @@ table {
 	}
 }
 
-.cf_ {
-	display: inline-block
-}
-
-.cf_:after {
-	content: ".";
-	display: block;
-	clear: both;
-	visibility: hidden;
-	line-height: 0;
-	height: 0
-}
-
 * {
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;