Permalink
Browse files

Fixing blur bug

  • Loading branch information...
1 parent 71cc220 commit 9ce8ac2a3339600d0e50e512d52978373d253555 @jakearchibald committed May 23, 2012
Showing with 13 additions and 11 deletions.
  1. +1 −0 css/_supported.scss
  2. +12 −11 css/all.css
View
@@ -11,6 +11,7 @@
position: relative;
margin: 0 2.2em;
vertical-align: top;
+ -webkit-filter: grayscale(0) blur(0);
&.animate {
View
@@ -851,44 +851,45 @@ label, input[type="button"], input[type="submit"], input[type="image"], button {
display: inline-block;
position: relative;
margin: 0 2.2em;
- vertical-align: top; }
- /* line 17, _supported.scss */
+ vertical-align: top;
+ -webkit-filter: grayscale(0) blur(0); }
+ /* line 18, _supported.scss */
.mankini-supported .supported-item.animate img {
-webkit-transition: -webkit-filter 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
-moz-transition: -webkit-filter 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
-ms-transition: -webkit-filter 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
-o-transition: -webkit-filter 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
transition: -webkit-filter 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; }
- /* line 20, _supported.scss */
+ /* line 21, _supported.scss */
.mankini-supported .supported-item.animate .version {
-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
-moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
-ms-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
- /* line 25, _supported.scss */
+ /* line 26, _supported.scss */
.mankini-supported .supported-item.on .version {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
- /* line 30, _supported.scss */
+ /* line 31, _supported.scss */
.mankini-supported .supported-item.on:not(.no-support) img {
-webkit-filter: grayscale(0) blur(0); }
- /* line 34, _supported.scss */
+ /* line 35, _supported.scss */
.mankini-supported .supported-item.deactivated .version {
opacity: 0;
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-ms-transform: scale(0.1);
-o-transform: scale(0.1);
transform: scale(0.1); }
- /* line 39, _supported.scss */
+ /* line 40, _supported.scss */
.mankini-supported .supported-item.deactivated:not(.no-support) img {
-webkit-filter: grayscale(1) blur(0.2em); }
- /* line 44, _supported.scss */
+ /* line 45, _supported.scss */
.mankini-supported .version {
position: absolute;
top: 0;
@@ -907,20 +908,20 @@ label, input[type="button"], input[type="submit"], input[type="image"], button {
-ms-transform: scale(0.1);
-o-transform: scale(0.1);
transform: scale(0.1); }
- /* line 61, _supported.scss */
+ /* line 62, _supported.scss */
.mankini-supported img {
width: 142px;
-webkit-filter: grayscale(1) blur(0.2em);
margin: 0 auto;
display: block; }
- /* line 68, _supported.scss */
+ /* line 69, _supported.scss */
.mankini-supported.animate {
-webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
-moz-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
-ms-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
-o-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
- /* line 72, _supported.scss */
+ /* line 73, _supported.scss */
.mankini-supported.on {
opacity: 1; }

0 comments on commit 9ce8ac2

Please sign in to comment.