diff --git a/src/AddToCart.ts b/src/AddToCart.ts index 36dacdb..fd437cf 100644 --- a/src/AddToCart.ts +++ b/src/AddToCart.ts @@ -12,11 +12,11 @@ export class AddToCart extends LitElement { padding: var(--btn-padding); outline: none; border: none; - font-size: var(--font-size); margin: var(--margin-x); align-items: center; cursor: pointer; display: inline-flex; + -webkit-tap-highlight-color: transparent; } button { @@ -24,6 +24,8 @@ export class AddToCart extends LitElement { outline: none; border:none; cursor: pointer; + font-size: var(--font-size); + -webkit-tap-highlight-color: transparent; } `]; diff --git a/src/Cart.ts b/src/Cart.ts index 5325e5f..1c9f6b6 100644 --- a/src/Cart.ts +++ b/src/Cart.ts @@ -23,8 +23,9 @@ export class Cart extends LitElement { border-radius: var(--br-medium); color:var(--text-light); position: absolute; - right: 0px; + right: 1rem; top: 5rem; + -webkit-tap-highlight-color: transparent; } .product-wrapper { diff --git a/src/CartToggle.ts b/src/CartToggle.ts index f78fada..b747fcd 100644 --- a/src/CartToggle.ts +++ b/src/CartToggle.ts @@ -13,12 +13,12 @@ export class CartToggle extends LitElement { padding: var(--btn-padding); outline: none; border: none; - font-size: var(--font-size); color: var(--text-dark); margin: var(--margin-x); display: flex; align-items: center; cursor: pointer; + -webkit-tap-highlight-color: transparent; } button { @@ -26,6 +26,8 @@ export class CartToggle extends LitElement { outline: none; border:none; cursor: pointer; + font-size: var(--font-size); + -webkit-tap-highlight-color: transparent; } div { diff --git a/src/CheckoutButton.ts b/src/CheckoutButton.ts index bffc88b..9da418c 100644 --- a/src/CheckoutButton.ts +++ b/src/CheckoutButton.ts @@ -11,12 +11,12 @@ export class CheckoutButton extends LitElement { padding: var(--btn-padding); outline: none; border: none; - font-size: var(--font-size); color: var(--text-dark); margin: var(--margin-x); display: flex; align-items: center; cursor: pointer; + -webkit-tap-highlight-color: transparent; } button { @@ -24,6 +24,8 @@ export class CheckoutButton extends LitElement { outline: none; border:none; cursor: pointer; + font-size: var(--font-size); + -webkit-tap-highlight-color: transparent; } `];