OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 .tile-page { | 5 .tile-page { |
6 -webkit-box-orient: vertical; | 6 -webkit-box-orient: vertical; |
7 display: -webkit-box; | 7 display: -webkit-box; |
8 height: 100%; | 8 height: 100%; |
9 position: relative; | 9 position: relative; |
10 width: 100%; | 10 width: 100%; |
(...skipping 109 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
120 } | 120 } |
121 | 121 |
122 .hovering-on-trash { | 122 .hovering-on-trash { |
123 opacity: 0.6; | 123 opacity: 0.6; |
124 } | 124 } |
125 | 125 |
126 .animating-tile-page .top-margin { | 126 .animating-tile-page .top-margin { |
127 -webkit-transition: margin-bottom 200ms; | 127 -webkit-transition: margin-bottom 200ms; |
128 } | 128 } |
129 | 129 |
130 @-webkit-keyframes bounce { | 130 @keyframes bounce { |
131 0% { | 131 0% { |
132 transform: scale(0, 0); | 132 transform: scale(0, 0); |
133 } | 133 } |
134 | 134 |
135 60% { | 135 60% { |
136 transform: scale(1.2, 1.2); | 136 transform: scale(1.2, 1.2); |
137 } | 137 } |
138 | 138 |
139 100% { | 139 100% { |
140 transform: scale(1, 1); | 140 transform: scale(1, 1); |
141 } | 141 } |
142 } | 142 } |
143 | 143 |
144 .tile > .new-tile-contents { | 144 .tile > .new-tile-contents { |
145 -webkit-animation: bounce 500ms ease-in-out; | 145 animation: bounce 500ms ease-in-out; |
146 } | 146 } |
147 | 147 |
148 @-webkit-keyframes blipout { | 148 @keyframes blipout { |
149 0% { | 149 0% { |
150 transform: scale(1, 1); | 150 transform: scale(1, 1); |
151 } | 151 } |
152 | 152 |
153 60% { | 153 60% { |
154 -webkit-animation-timing-function: ease-in; | 154 animation-timing-function: ease-in; |
155 opacity: 1; | 155 opacity: 1; |
156 transform: scale(1.3, 0.02); | 156 transform: scale(1.3, 0.02); |
157 } | 157 } |
158 | 158 |
159 90% { | 159 90% { |
160 opacity: 0.7; | 160 opacity: 0.7; |
161 transform: scale(0.3, 0.02); | 161 transform: scale(0.3, 0.02); |
162 } | 162 } |
163 | 163 |
164 100% { | 164 100% { |
165 -webkit-animation-timing-function: linear; | 165 animation-timing-function: linear; |
166 opacity: 0; | 166 opacity: 0; |
167 transform: scale(0.3, 0.02); | 167 transform: scale(0.3, 0.02); |
168 } | 168 } |
169 } | 169 } |
170 | 170 |
171 .tile > .removing-tile-contents { | 171 .tile > .removing-tile-contents { |
172 -webkit-animation: blipout 300ms; | 172 animation: blipout 300ms; |
173 -webkit-animation-fill-mode: forwards; | 173 animation-fill-mode: forwards; |
174 pointer-events: none; | 174 pointer-events: none; |
175 } | 175 } |
176 | 176 |
177 .tile-page:not(.selected-card) * { | 177 .tile-page:not(.selected-card) * { |
178 -webkit-transition: none !important; | 178 -webkit-transition: none !important; |
179 } | 179 } |
180 | 180 |
181 /** Scrollbars ****************************************************************/ | 181 /** Scrollbars ****************************************************************/ |
182 | 182 |
183 .tile-page-content::-webkit-scrollbar { | 183 .tile-page-content::-webkit-scrollbar { |
184 width: 13px; | 184 width: 13px; |
185 } | 185 } |
186 | 186 |
187 .tile-page-content::-webkit-scrollbar-button { | 187 .tile-page-content::-webkit-scrollbar-button { |
188 display: none; | 188 display: none; |
189 } | 189 } |
OLD | NEW |