Remove box-shadow from buttons and links

baoagency · Oct 28, 2021 · 6bbead4 · 6bbead4
1 parent 5359412
commit 6bbead4
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/app/assets/stylesheets/polaris_view_components.css b/app/assets/stylesheets/polaris_view_components.css
diff --git a/app/assets/stylesheets/polaris_view_components/custom.css b/app/assets/stylesheets/polaris_view_components/custom.css
@@ -36,3 +36,8 @@ a.Polaris-Tag__Button {
 .Polaris-TextStyle--sizeSmall {
   font-size: 1.25rem;
 }
+
+/* Remove box-shadow from buttons and links */
+.Polaris-Button::after, .Polaris-Button:focus::after, .Polaris-Breadcrumbs__Breadcrumb::after {
+  box-shadow: none !important;
+}
diff --git a/app/assets/stylesheets/polaris_view_components/shopify_navigation.css b/app/assets/stylesheets/polaris_view_components/shopify_navigation.css
@@ -106,10 +106,6 @@
   border-bottom: .3rem solid var(--p-action-primary)
 }
 
-.shp-Navigation_Link:focus {
-  box-shadow: inset 0 0 2px 0 rgba(92, 106, 196, .8), 0 0 2px 0 rgba(92, 106, 196, .8)
-}
-
 .shp-Navigation_Link:focus .shp-Navigation_LinkText {
   font-weight: 400;
   color: var(--p-text)