UNPKG

kouto-swiss

Version:

A complete CSS framework for Stylus

kouto-swiss.io

leny/kouto-swiss

122 lines (109 loc) • 5.32 kB
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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
_ks-support-old-flex-implementation() return ks-support-safari <= 6 or ks-support-android-browser <= 4.3 or ks-support-chrome <= 20 or ks-support-ios-safari <= 6.1 or ks-support-blackberry-browser <= 7 ks-display( value, args... ) if value == flex if ks-vendors-prefixes isnt false and !( flex in ks-support-ignore-features ) and !( flexbox in ks-support-ignore-features ) if _ks-support-old-flex-implementation() display: -webkit-box args for prefix in caniuse-prefixes( "flexbox" ) if prefix is "webkit" display: -webkit-flex args if prefix is "moz" display: -moz-box args if prefix is "ms" display: -ms-flexbox args display: flex args else if value == inline-flex if ks-vendors-prefixes isnt false and !( flex in ks-support-ignore-features ) and !( flexbox in ks-support-ignore-features ) for prefix in caniuse-prefixes( "flexbox" ) display: unquote( "-" + prefix + "-inline-flex" ) args display: inline-flex args else display: value args display = ks-display unless ks-no-conflict unless ks-no-conflict flex-grow() ks-vendor( "flex-grow", arguments, feature: "flexbox" ) flex-basis() ks-vendor( "flex-basis", arguments, feature: "flexbox" ) flex-direction( value, args... ) if ks-vendors-prefixes isnt false and !( flex in ks-support-ignore-features ) and !( flexbox in ks-support-ignore-features ) if _ks-support-old-flex-implementation() if value is row -webkit-box-orient: vertical args -webkit-box-direction: normal args if value is row-reverse -webkit-box-orient: vertical args -webkit-box-direction: reverse args if value is column -webkit-box-orient: horizontal args -webkit-box-direction: normal args if value is column-reverse -webkit-box-orient: horizontal args -webkit-box-direction: reverse args for prefix in caniuse-prefixes( "flexbox" ) if prefix is "moz" and ks-support-firefox <= 20 if value is row -moz-box-orient: vertical args -moz-box-direction: normal args if value is row-reverse -moz-box-orient: vertical args -moz-box-direction: reverse args if value is column -moz-box-orient: horizontal args -moz-box-direction: normal args if value is column-reverse -moz-box-orient: horizontal args -moz-box-direction: reverse args else if value is row -{prefix}-flex-direction: unquote( "row" ) args else if value is column -{prefix}-flex-direction: unquote( "column" ) args else -{prefix}-flex-direction: value args if value is row flex-direction: unquote( "row" ) args else if value is column flex-direction: unquote( "column" ) args else flex-direction: value args flex-flow( dir, wrap-type, args... ) if dir is row dir = unquote( "row" ) if dir is column dir = unquote( "column" ) if ks-vendors-prefixes isnt false and !( flex in ks-support-ignore-features ) and !( flexbox in ks-support-ignore-features ) for prefix in caniuse-prefixes( "flexbox" ) -{prefix}-flex-flow: dir wrap-type args flex-flow: dir wrap-type args flex-shrink() ks-vendor( "flex-shrink", arguments, feature: "flexbox" ) flex-wrap() ks-vendor( "flex-wrap", arguments, feature: "flexbox" ) flex() ks-vendor( "flex", arguments, feature: "flexbox" ) align-content() ks-vendor( "align-content", arguments, feature: "flexbox" ) align-items( value, args... ) if ks-vendors-prefixes isnt false and !( flex in ks-support-ignore-features ) and !( flexbox in ks-support-ignore-features ) if _ks-support-old-flex-implementation() if value is flex-start -webkit-box-align: start args else if value is flex-end -webkit-box-align: end args else -webkit-box-align: value args for prefix in caniuse-prefixes( "flexbox" ) if prefix is "moz" and ks-support-firefox <= 20 if value is flex-start -moz-box-align: start args else if value is flex-end -moz-box-align: end args else -moz-box-align: value args else -{prefix}-align-items: value args align-items: value args align-self() ks-vendor( "align-self", arguments, feature: "flexbox" )