Fix unit price styling on order detail page (Shopify#127)

rwzc · Jul 7, 2021 · 32c77de · 32c77de
1 parent 7a6bda8
commit 32c77de
Showing 1 changed file with 21 additions and 12 deletions.
diff --git a/assets/customer.css b/assets/customer.css
@@ -72,7 +72,7 @@
 }
 
 .customer tbody {
-  color: rgb(var(--color-foreground))
+  color: rgb(var(--color-foreground));
 }
 
 .customer th,
@@ -198,7 +198,7 @@
 /* works around colspan phantom border issues */
 .customer thead::after,
 .customer tfoot::before {
-  content: " ";
+  content: ' ';
   height: 0.1rem;
   width: 100%;
   display: block;
@@ -355,22 +355,22 @@
   display: none;
 }
 
-.activate button[name="decline"],
+.activate button[name='decline'],
 .addresses li > button,
 .addresses form button[type] {
   background-color: transparent;
   box-shadow: 0 0 0 0.1rem rgb(var(--color-link));
   color: rgb(var(--color-link));
 }
 
-.activate button[name="decline"]:hover,
+.activate button[name='decline']:hover,
 .addresses li > button:hover,
 .addresses form button[type]:hover {
   box-shadow: 0 0 0 0.2rem rgb(var(--color-link));
 }
 
 @media only screen and (min-width: 750px) {
-  .activate button[name="decline"] {
+  .activate button[name='decline'] {
     margin-top: inherit;
     margin-left: 1rem;
   }
@@ -472,12 +472,21 @@
 }
 
 @media screen and (min-width: 750px) {
-  .order thead th:nth-last-child(-n+3),
-  .order td:nth-last-child(-n+3) {
+  .order thead th:nth-last-child(-n + 3),
+  .order td:nth-last-child(-n + 3) {
     text-align: right;
   }
 }
 
+.order tbody td:nth-of-type(3) dd:nth-of-type(2) {
+  font-size: 1.1rem;
+  letter-spacing: 0.07rem;
+  line-height: 1.2;
+  margin-top: 0.2rem;
+  text-transform: uppercase;
+  color: var(--color-foreground-70);
+}
+
 .order tfoot tr:last-of-type td,
 .order tfoot tr:last-of-type th {
   font-size: 2.2rem;
@@ -639,8 +648,8 @@
   margin-right: 1rem;
 }
 
-label[for="AddressCountryNew"],
-label[for="AddressProvinceNew"] {
+label[for='AddressCountryNew'],
+label[for='AddressProvinceNew'] {
   display: block;
   font-size: 1.4rem;
   margin-bottom: 0.6rem;
@@ -666,11 +675,11 @@ li[data-address] {
   margin-top: 5rem;
 }
 
-.addresses [aria-expanded="false"] ~ div[id] {
+.addresses [aria-expanded='false'] ~ div[id] {
   display: none;
 }
 
-.addresses [aria-expanded="true"] ~ div[id] {
+.addresses [aria-expanded='true'] ~ div[id] {
   display: block;
 }
 
@@ -694,7 +703,7 @@ li[data-address] > h2 {
   margin-bottom: 0;
 }
 
-.addresses input[type="checkbox"] {
+.addresses input[type='checkbox'] {
   margin-top: 2rem;
   margin-left: 0;
 }