--- a/src/pyams_skin/resources/less/typo.less	Sun Mar 11 11:09:25 2018 +0100
+++ b/src/pyams_skin/resources/less/typo.less	Sun Mar 11 11:23:42 2018 +0100
@@ -546,8 +546,8 @@
 		padding: 20px!important;
 	}
 	&-x-0 {
-		padding-left: 0px!important;
-		padding-right: 0px!important;
+		padding-left: 0!important;
+		padding-right: 0!important;
 	}
 	&-x-2 {
 		padding-left: 2px!important;
@@ -566,8 +566,8 @@
 		padding-right: 20px!important;
 	}
 	&-y-0 {
-		padding-top: 0px!important;
-		padding-bottom: 0px!important;
+		padding-top: 0!important;
+		padding-bottom: 0!important;
 	}
 	&-y-2 {
 		padding-top: 2px!important;
@@ -734,6 +734,49 @@
 	}
 }
 
+.clearfix {
+	@media (max-width: 768px) {
+		&-xs:after {
+			clear: both;
+		}
+		&-xs:after,
+		&-xs:before {
+			display: block;
+			visibility: hidden;
+			overflow: hidden;
+			content: "\0020";
+			height: 0;
+			font-size: 0;
+			line-height: 0;
+		}
+	}
+	@media (min-width: 768px) and (max-width: 992px) {
+		&-sm:after {
+			clear: both;
+		}
+		&-sm:after,
+		&-sm:before {
+			display: block;
+			visibility: hidden;
+			overflow: hidden;
+			content: "\0020";
+			height: 0;
+			font-size: 0;
+			line-height: 0;
+		}
+	}
+	&-md:after {
+		@media (min-width: 992px) and (max-width: 1200px) {
+			clear: both;
+		}
+	}
+	&-lg:after {
+		@media (min-width: 1200px) {
+			clear: both;
+		}
+	}
+}
+
 .display-inline {
 	display: inline-block!important;
 }
@@ -875,3 +918,12 @@
 		}
 	}
 }
+
+ul {
+	&.inside {
+		list-style-position: inside;
+	}
+	&.outside {
+		list-style-position: outside;
+	}
+}