tbianchini/shopit-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update border styles to use CSS variables for consistency across components

Browse Source
This commit is contained in:
ncoronel
2026-08-12 09:00:13 -03:00
parent 1b19d36e26
commit 23a5ac32cc
23 changed files with 50 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/core/layout/store-layout/store-footer/store-footer.component.scss
View File

@@ -46,7 +46,7 @@
place-items: center;
width: 2.75rem;
height: 2.75rem;
border: 1px dashed rgba(255, 255, 255, 0.35);
border: 1px dashed var(--border-color);
border-radius: 999px;
font-size: 1.05rem;
font-weight: 700;
@@ -134,7 +134,7 @@
order: 2;
grid-column: 1 / -1;
width: 100%;
border-top: 1px solid rgba(255, 255, 255, 0.3);
border-top: 1px solid var(--border-color);
}
.store-layout__brand-column,

13
src/app/core/layout/store-layout/store-header/store-header.component.scss
View File

@@ -1,11 +1,10 @@
.store-layout__header {
color: #ffffff;
background-color: transparent;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}
.store-layout__header-main {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
border-bottom: 1px solid var(--border-color);
}
.store-layout__brand-slot {
@@ -77,7 +76,7 @@
.store-layout__search-input {
color: #666666;
border-color: #cccccc;
border-color: var(--border-color);
background-color: rgba(255, 255, 255, 0.96);
}
@@ -86,21 +85,21 @@
}
.store-layout__search-input:focus {
border-color: #cccccc;
border-color: var(--border-color);
box-shadow: none;
outline: none;
}
.store-layout__search-button {
color: #a0a0a0;
border-color: #cccccc;
border-color: var(--border-color);
background-color: rgba(255, 255, 255, 0.96);
}
.store-layout__search-button:hover,
.store-layout__search-button:focus-visible {
color: #8a8a8a;
border-color: #cccccc;
border-color: var(--border-color);
background-color: #ffffff;
}
@@ -172,7 +171,7 @@
}
.store-layout__mobile-separator {
border-color: #dddddd;
border-color: var(--border-color);
opacity: 1;
margin: 0 -1rem;
}

2
src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.scss
View File

@@ -10,7 +10,7 @@
.user-dropdown {
display: grid;
background: #ffffff;
border: 1px solid rgba(32, 32, 32, 0.1);
border: 1px solid var(--border-color);
border-radius: 8px;
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.16);
padding: 0.75rem;

2
src/app/core/layout/store-layout/store-layout.component.scss
View File

@@ -29,7 +29,7 @@
z-index: 1050;
background-color: #ffffff;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.08);
border: 1px solid var(--border-color);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
overflow: hidden;
animation: store-layout-slide-down 0.2s ease-out;