myless/mulicolumn.less at master · ant-fred/myless · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
//firefox 2.0 ie 10 chrome 4 safari3.1 opera11
.column-width(@width){
	-moz-column-width:@width;
	-webkit-column-width:@width;
	column-width:@width;
}

.column-count(@count){
	-moz-column-count:@count;
	-webkit-column-count:@count;
	column-count:@count;
}

.column-rule(@rule){
	-moz-column-rule:@rule;
	-webkit-column-rule:@rule;
	column-rule:@rule;
}

.column-span(@span){
	-moz-column-span:@span;
	-webkit-column-span:@span;
	column-span:@span;
}

.column-rule-color(@rulecolor){
	-moz-column-rule-color:@rulecolor;
	-webkit-column-rule-color:@rulecolor;
	column-rule-color:@rulecolor;
}

.column-rule-width(@rulestyle){
	-moz-column-rule-width:@rulestyle;
	-webkit-column-rule-width:@rulestyle;
	column-rule-width:@rulestyle;
}

.column-rule-style(@rulestyle){
	-moz-column-rule-style:@rulestyle;
	-webkit-column-rule-style:@rulestyle;
	column-rule-style:@rulestyle;
}

.column-gap(@gap){
	-moz-column-gap:@gap;
	-webkit-column-gap:@gap;
	column-gap:@gap;
}
.column-fill(@value){
      -moz-column-fill: @value;
     -webkit-column-fill: @value;
     column-fill: @value;
}