Permalink
Browse files

bug: removed ugly 'tab highlight color' around round buttons

  • Loading branch information...
MikeMitterer committed Mar 8, 2015
1 parent 394c623 commit 551138252f3597b1abfa2ac80ef0185dbbf2abca
@@ -540,7 +540,6 @@ html, body {
padding: 0; }
body {
- padding: 24px;
box-sizing: border-box;
background: #FFF; }
@@ -1015,7 +1014,10 @@ dt {
-webkit-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
outline: none;
- cursor: pointer; }
+ cursor: pointer;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ -webkit-tap-highlight-color: transparent;
+ /* For some Androids */ }
.wsk-button::-moz-focus-inner {
border: 0; }
.wsk-button:hover {
@@ -1,6 +1,6 @@
@import "packages/wsk_material/sass/styleguide_demo_bp";
-@import "packages/wsk_material/sass/shadow/_shadow";
-@import "packages/wsk_material/sass/button/_button";
+@import "packages/wsk_material/sass/shadow/shadow";
+@import "packages/wsk_material/sass/button/button";
.button-block {
display: inline-block;
@@ -126,7 +126,7 @@ $accordion-padding: 16px !default;
}
input[name^='wsk-accordion']:checked ~ .wsk-accordion--content {
- max-height: 500px;
+ max-height: 1500px;
border-bottom: 1px solid $accordion-divider-color;
transition: max-height $accordion-timing $accordion-ease;
}
@@ -81,6 +81,11 @@ $button-icon-size-mini: 24px !default;
background-color: $button-focus-color-alt;
}
}
+
+ // removes this ugly box around the buttons!
+ // More: http://goo.gl/IPwKi
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ -webkit-tap-highlight-color: transparent; /* For some Androids */
}

0 comments on commit 5511382

Please sign in to comment.