/
vendor.styl
89 lines (66 loc) · 1.47 KB
/
vendor.styl
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
@import 'nib/vendor'
@import 'nib/gradients'
vendor-prefixes = webkit moz official
button
box-shadow: 1px 1px 5px #eee
button
opacity: 0.5
support-for-ie = false
button
opacity: 0.75
whitespace: no-wrap
button
animation-name: myAnimation;
animation-delay: 1s;
animation-duration: 10s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-fill-mode: both;
animation-play-state: running;
animation-timing-function: ease
button
animation: myAnimation 1s ease;
button
appearance: none;
section
column-count: 2;
column-rule: 1px solid #bbb;
column-gap: 2em;
section
column-count: 2;
column-rule-width: 1px;
column-rule-style: solid;
column-rule-color: #bbb;
column-width: 200px;
section
column-count: 2;
column-rule-width: 1px;
column-rule-style: solid;
column-rule-color: #bbb;
column-gap: 2em;
prepend(vendor-prefixes, o)
button
background-origin: border-box, padding-box;
background-clip: border-box, padding-box;
button
transition: all 0.1s ease-in-out 1s
backface-visibility: hidden
button
transition-property: all
transition-duration: 0.1s
transition-timing-function: ease-in-out
transition-delay: 1s
button
transform: rotateY(45deg)
button
transform: perspective(500px)
button
perspective: 500
section
border-image: url("image.png") 20% stretch stretch;
section
border-image: url("image.png") 20% fill stretch stretch;
p
hyphens: auto
section
overflow-scrolling: touch