Change separator lines opacity (#393)

Shopify · Aug 25, 2021 · 3d6f652 · 3d6f652
1 parent b1acf0a
commit 3d6f652
Show file tree

Hide file tree

Showing 8 changed files with 17 additions and 17 deletions.
diff --git a/assets/base.css b/assets/base.css
@@ -1723,7 +1723,7 @@ input[type='checkbox'] {
 }
 
 .announcement-bar {
-  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2);
+  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
   color: rgb(var(--color-foreground));
 }
 
@@ -1784,7 +1784,7 @@ input[type='checkbox'] {
 }
 
 .header-wrapper--border-bottom {
-  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2);
+  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
 }
 
 .header {
@@ -1993,7 +1993,7 @@ details[open] > .search-modal {
 
 .search-modal {
   opacity: 0;
-  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2);
+  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
   height: 100%;
 }
 

diff --git a/assets/component-accordion.css b/assets/component-accordion.css
@@ -18,8 +18,8 @@
 .accordion {
   margin-top: 2.5rem;
   margin-bottom: 0;
-  border-top: 0.1rem solid rgba(var(--color-foreground), 0.2);
-  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2);
+  border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
+  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
 }
 
 .accordion__title {

diff --git a/assets/component-cart-items.css b/assets/component-cart-items.css
@@ -237,7 +237,7 @@ cart-remove-button .icon-remove {
   }
 
   .cart-items th {
-    border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2);
+    border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
   }
 
   .cart-items thead th:first-child {

diff --git a/assets/component-cart.css b/assets/component-cart.css
@@ -58,7 +58,7 @@ cart-items {
 .cart__items {
   position: relative;
   padding-bottom: 3rem;
-  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2);
+  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
 }
 
 .cart__items--disabled {

diff --git a/assets/component-pickup-availability.css b/assets/component-pickup-availability.css
@@ -117,12 +117,12 @@ pickup-availability-drawer[open] {
 }
 
 .pickup-availability-list__item {
-  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2);
+  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
   padding: 2rem 0;
 }
 
 .pickup-availability-list__item:first-child {
-  border-top: 0.1rem solid rgba(var(--color-foreground), 0.2);
+  border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
 }
 
 .pickup-availability-list__item > * {

diff --git a/assets/customer.css b/assets/customer.css
@@ -57,7 +57,7 @@
 .customer table {
   table-layout: auto;
   border-collapse: collapse;
-  border-bottom: 0.01rem solid rgba(var(--color-foreground), 0.2);
+  border-bottom: 0.01rem solid rgba(var(--color-foreground), 0.08);
   box-shadow: none;
   width: 100%;
   font-size: 1.6rem;
@@ -67,7 +67,7 @@
 @media screen and (min-width: 750px) {
   .customer table {
     border: none;
-    box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);
+    box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.08);
   }
 }
 
@@ -147,7 +147,7 @@
 }
 
 .customer tbody tr {
-  border-top: 0.01rem solid rgba(var(--color-foreground), 0.2);
+  border-top: 0.01rem solid rgba(var(--color-foreground), 0.08);
 }
 
 @media screen and (min-width: 750px) {
@@ -197,7 +197,7 @@
   display: block;
   position: absolute;
   left: 0;
-  background: rgba(var(--color-foreground), 0.2);
+  background: rgba(var(--color-foreground), 0.08);
 }
 
 /* mobile table overrides */

diff --git a/assets/section-footer.css b/assets/section-footer.css
@@ -1,5 +1,5 @@
 .footer {
-  border-top: 0.1rem solid rgba(var(--color-foreground), 0.2);
+  border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
 }
 
 .footer:not(.color-background-1) {
@@ -48,7 +48,7 @@
 }
 
 .footer__content-bottom {
-  border-top: solid 0.1rem rgba(var(--color-foreground), 0.2);
+  border-top: solid 0.1rem rgba(var(--color-foreground), 0.08);
   padding-top: 3rem;
   padding-bottom: 3rem;
 }

diff --git a/assets/template-collection.css b/assets/template-collection.css
@@ -613,7 +613,7 @@ a.active-facets__button:focus .active-facets__button-inner {
 
 .mobile-facets__header {
   background-color: rgb(var(--color-background));
-  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2);
+  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
   padding: 1rem 2.5rem;
   text-align: center;
   display: flex;
@@ -870,7 +870,7 @@ input.mobile-facets__checkbox {
 
 .mobile-facets__footer {
   background-color: rgb(var(--color-background));
-  border-top: 0.1rem solid rgba(var(--color-foreground), 0.2);
+  border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
   padding: 2rem;
   bottom: 0;
   position: sticky;