Improve flow-relative clear support

Author: jonathantneal

.tape.js

@@ -3,6 +3,9 @@ module.exports = {
 		'border': {
 			message: 'supports logical "border" property values'
 		},
+		'clear': {
+			message: 'supports logical "clear" property values'
+		},
 		'float': {
 			message: 'supports logical "float" property values'
 		},

index.js

@@ -23,6 +23,7 @@ const transforms = {
 	'border-inline-end': transformBorder['border-inline-end'], 'border-inline-end-width': transformBorder['border-inline-end'], 'border-inline-end-style': transformBorder['border-inline-end'], 'border-inline-end-color': transformBorder['border-inline-end'],
 	'border-start': transformBorder['border-start'], 'border-start-width': transformBorder['border-start'], 'border-start-style': transformBorder['border-start'], 'border-start-color': transformBorder['border-start'],
 	'border-end': transformBorder['border-end'], 'border-end-width': transformBorder['border-end'], 'border-end-style': transformBorder['border-end'], 'border-end-color': transformBorder['border-end'],
+	'clear': transformFloat,
 	'inset': transformInset,
 	'margin': transformSpacing,
 	'padding': transformSpacing,

test/clear.css

@@ -0,0 +1,7 @@
+test-clear {
+	clear: both;
+	clear: left;
+	clear: inline-start;
+	clear: inline-end;
+	clear: right;
+}

test/clear.expect.css

@@ -0,0 +1,17 @@
+test-clear {
+	clear: both;
+	clear: left;
+	&:dir(ltr) {
+	clear: left;
+	}
+	&:dir(rtl) {
+	clear: right;
+	}
+	&:dir(ltr) {
+	clear: right;
+	}
+	&:dir(rtl) {
+	clear: left;
+	}
+	clear: right;
+}