OLD | NEW |
1 /* Apps */ | 1 /* Apps */ |
2 | 2 |
3 #apps-content { | 3 #apps-content { |
4 position: relative; | 4 position: relative; |
5 max-width: 780px; /* (124 + margin * 2) * 6 */ | 5 max-width: 780px; /* (124 + margin * 2) * 6 */ |
6 } | 6 } |
7 | 7 |
8 html.apps-promo-visible #apps-content { | 8 html.apps-promo-visible #apps-content { |
9 max-width: 650px; /* (124 + margin * 2) * 5 */ | 9 max-width: 650px; /* (124 + margin * 2) * 5 */ |
10 } | 10 } |
(...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
86 -webkit-transition-delay: .5s; | 86 -webkit-transition-delay: .5s; |
87 opacity: .9; | 87 opacity: .9; |
88 } | 88 } |
89 | 89 |
90 .app.dragging > .app-settings { | 90 .app.dragging > .app-settings { |
91 background-image: none; | 91 background-image: none; |
92 } | 92 } |
93 | 93 |
94 .app.dragging { | 94 .app.dragging { |
95 opacity: .7; | 95 opacity: .7; |
96 z-index: 2; | |
97 } | 96 } |
98 | 97 |
99 #apps-content[launcher-animations=true] .app { | 98 #apps-content[launcher-animations=true] .app { |
100 -webkit-transition: top .2s, left .2s, right .2s; | 99 -webkit-transition: top .2s, left .2s, right .2s, opacity .2s; |
101 } | 100 } |
102 | 101 |
103 @-webkit-keyframes bounce { | 102 @-webkit-keyframes bounce { |
104 0% { | 103 0% { |
105 -webkit-transform: scale(0, 0); | 104 -webkit-transform: scale(0, 0); |
106 } | 105 } |
107 | 106 |
108 60% { | 107 60% { |
109 -webkit-transform: scale(1.2, 1.2); | 108 -webkit-transform: scale(1.2, 1.2); |
110 } | 109 } |
(...skipping 77 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
188 */ | 187 */ |
189 .app.web-store-entry.loner { | 188 .app.web-store-entry.loner { |
190 position: absolute; | 189 position: absolute; |
191 left: 100%; | 190 left: 100%; |
192 top: 0; | 191 top: 0; |
193 } | 192 } |
194 | 193 |
195 html[dir=rtl] .app.web-store-entry.loner { | 194 html[dir=rtl] .app.web-store-entry.loner { |
196 right: 100%; | 195 right: 100%; |
197 } | 196 } |
OLD | NEW |