Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change separator lines opacity #393

Merged
merged 4 commits into from
Aug 25, 2021
Merged

Change separator lines opacity #393

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6e561b1
change separator lines opacity
ludoboludo Aug 11, 2021
9fc7365
filter drawer separator lines
ludoboludo Aug 12, 2021
8e5fc73
adjust border opacity for the footer and cart table
ludoboludo Aug 19, 2021
082308d
update opacity lines on account page
ludoboludo Aug 25, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions assets/base.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1619,7 +1619,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));
}

Expand Down Expand Up @@ -1681,7 +1681,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 {
Expand Down Expand Up @@ -1890,7 +1890,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%;
}

Expand Down
4 changes: 2 additions & 2 deletions assets/component-accordion.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down
2 changes: 1 addition & 1 deletion assets/component-cart-items.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -221,7 +221,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 th + th {
Expand Down
2 changes: 1 addition & 1 deletion assets/component-cart.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down
4 changes: 2 additions & 2 deletions assets/component-pickup-availability.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -116,12 +116,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 > * {
Expand Down
8 changes: 4 additions & 4 deletions assets/customer.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -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);
}
}

Expand Down Expand Up @@ -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) {
Expand Down Expand Up @@ -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 */
Expand Down
4 changes: 2 additions & 2 deletions assets/section-footer.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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) {
Expand Down Expand Up @@ -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;
}
Expand Down
4 changes: 2 additions & 2 deletions assets/template-collection.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -548,7 +548,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;
Expand Down Expand Up @@ -805,7 +805,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;
Expand Down