|
28 | 28 | padding: 16px 16px 0 16px; |
29 | 29 | will-change: transform; |
30 | 30 |
|
31 | | - display: -webkit-flex; |
32 | | - display: -ms-flexbox; |
33 | 31 | display: flex; |
34 | | - |
35 | | - -webkit-flex-direction: row; |
36 | | - -ms-flex-direction: row; |
37 | | - flex-direction: row; |
38 | | - -webkit-flex-wrap: nowrap; |
39 | | - -ms-flex-wrap: nowrap; |
40 | | - flex-wrap: nowrap; |
41 | | - -webkit-justify-content: flex-start; |
42 | | - -ms-flex-pack: start; |
43 | | - justify-content: flex-start; |
44 | | - -webkit-align-items: stretch; |
45 | | - -ms-flex-align: stretch; |
46 | | - align-items: stretch; |
47 | | - -ms-flex-line-pack: center; |
48 | | - -webkit-align-content: center; |
49 | | - align-content: center; |
50 | | - |
51 | | - transition: -webkit-transform 0.233s cubic-bezier(0,0,0.21,1) 0.1s; |
| 32 | + flex-direction: row; |
| 33 | + flex-wrap: nowrap; |
| 34 | + justify-content: flex-start; |
| 35 | + align-items: stretch; |
| 36 | + align-content: center; |
52 | 37 | transition: transform 0.233s cubic-bezier(0,0,0.21,1) 0.1s; |
53 | 38 | } |
54 | 39 |
|
55 | 40 | .header--collapsed { |
56 | | - transition: -webkit-transform 0.233s cubic-bezier(0,0,0.21,1) 0.13s; |
57 | 41 | transition: transform 0.233s cubic-bezier(0,0,0.21,1) 0.13s; |
58 | | - -webkit-transform: translateY(-56px); |
59 | | - transform: translateY(-56px); |
| 42 | + transform: translateY(-56px); |
60 | 43 | } |
61 | 44 |
|
62 | 45 | .header__menu { |
|
82 | 65 | font-weight: 400; |
83 | 66 | font-size: 20px; |
84 | 67 | margin: 0; |
85 | | - -webkit-flex: 1; |
86 | | - -ms-flex: 1; |
87 | | - flex: 1; |
| 68 | + flex: 1; |
88 | 69 | } |
89 | 70 |
|
90 | 71 | @media(min-width: 600px) { |
91 | 72 | .header { |
92 | 73 | padding: 16px 32px 0 24px; |
93 | 74 | height: 144px; |
94 | | - -webkit-flex-direction: column; |
95 | | - -ms-flex-direction: column; |
96 | | - flex-direction: column; |
97 | | - |
98 | | - align-content: space-between; |
99 | | - align-items: flex-start; |
| 75 | + flex-direction: column; |
| 76 | + align-content: space-between; |
| 77 | + align-items: flex-start; |
100 | 78 | } |
101 | 79 |
|
102 | 80 | .header__menu { |
|
111 | 89 |
|
112 | 90 | .header--collapsed { |
113 | 91 | transition: none; |
114 | | - -webkit-transform: none; |
115 | 92 | transform: none; |
116 | 93 | } |
117 | 94 | } |
|
0 commit comments