Adjust announcement bar arrow icon (Shopify#253)

satyaji · Jul 29, 2021 · 95442fb · 95442fb
1 parent 1177f84
commit 95442fb
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 22 deletions.
diff --git a/assets/base.css b/assets/base.css
@@ -616,6 +616,10 @@ details > * {
   text-decoration-thickness: 0.2rem;
 }
 
+.icon-arrow {
+  width: 1.5rem;
+}
+
 /* arrow animation */
 .animate-arrow .icon-arrow path {
   transform: translateX(-0.25rem);
@@ -1626,19 +1630,12 @@ input[type='checkbox'] {
 
 .announcement-bar__link .icon-arrow {
   display: inline-block;
-  height: 1.2rem;
   pointer-events: none;
-  padding-left: 1rem;
+  margin-left: 0.8rem;
   vertical-align: middle;
   margin-bottom: 0.2rem;
 }
 
-@media screen and (min-width: 750px) {
-  .announcement-bar__link .icon-arrow {
-    height: 1.3rem;
-  }
-}
-
 .announcement-bar__link .announcement-bar__message {
   padding: 0;
 }

diff --git a/assets/component-card.css b/assets/component-card.css
@@ -13,10 +13,6 @@
   color: rgb(var(--color-foreground));
 }
 
-.card .icon-arrow {
-  width: 1.5rem;
-}
-
 .card .icon-wrap {
   margin-left: 0.8rem;
   white-space: nowrap;
@@ -276,16 +272,16 @@
   .card--search img {
     transition: transform var(--duration-default) ease;
   }
-  
+
   .card-wrapper:hover .card--search img {
     transform: scale(1.05);
   }
-  
+
   .card-wrapper:hover .card__text {
     text-decoration: underline;
     text-underline-offset: 0.3rem;
   }
-  
+
   .card-wrapper:hover .card--soft {
     background-color: rgba(var(--color-card-hover), 0.06);
     transition: background-color var(--duration-long) ease;

diff --git a/assets/component-menu-drawer.css b/assets/component-menu-drawer.css
@@ -155,10 +155,6 @@ details[open].menu-opening > .menu-drawer__submenu {
   display: none;
 }
 
-.menu-drawer .icon-arrow {
-  width: 1.3rem;
-}
-
 .menu-drawer__menu-item > .icon-arrow {
   position: absolute;
   right: 2.5rem;

diff --git a/assets/section-blog-post.css b/assets/section-blog-post.css
@@ -70,7 +70,6 @@
 }
 
 .article-template__link .icon-wrap {
-  width: 1.5rem;
   margin-right: 1rem;
   transform: rotate(180deg);
 }

diff --git a/assets/template-collection.css b/assets/template-collection.css
@@ -578,7 +578,6 @@ details.menu-opening .mobile-facets__close svg {
 .mobile-facets__close-button .icon-arrow {
   transform: rotate(180deg);
   margin-right: 1rem;
-  width: 1.3rem;
 }
 
 .mobile-facets__main {
@@ -618,7 +617,6 @@ details.menu-opening .mobile-facets__close svg {
 }
 
 .mobile-facets__summary svg {
-  width: 1.8rem;
   margin-left: auto;
 }