1/* Copyright (c) 2011 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file.
4 */
5
6.app {
7  position: absolute;
8}
9
10.app span {
11  display: block;
12  text-decoration: none;
13  text-overflow: ellipsis;
14  white-space: nowrap;
15  overflow: hidden;
16}
17
18/* TODO(estade): hover effect? press effect? */
19.app img {
20  cursor: pointer;
21  display: block;
22  margin-left: auto;
23  margin-right: auto;
24  /* -webkit-mask-image set by JavaScript to the image source */
25  -webkit-mask-size: 100% 100%;
26}
27
28/* Pressed is set when an app is first touched.
29   By using the mask, pressing causes a darkening effect of just the image */
30.app.grabber-pressed img {
31  opacity: 0.8;
32}
33
34/* Grabbed is set (and pressed is cleared) when the app has been held. */
35.grabber-grabbed {
36  opacity: 0.8;
37  -webkit-transform: scale3d(1.4, 1.4, 1);
38}
39
40/* Dragging is set (without grabbed being cleared) when a grabbed app is
41   moved */
42.grabber-dragging {
43  /* We need to ensure there is no animation applied to its position
44    (or the drag touch may stop being over top of it */
45  -webkit-transition: none !important;
46
47  /* Ensure the element has a large z-index so that we can get events
48     for it as it moves over other elements.  This is animated as the
49     element flys back, so we want a large value that will stay large until
50     its almost home.  */
51  z-index: 100;
52}
53