tykayn/ng-implementation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

csc multiple selectors

Browse source
This commit is contained in:
Tykayn 2025-08-22 12:52:30 +02:00 • committed by tykayn
parent 9307e1852f
commit 05d8ba8117
13 changed files with 96 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

7
sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.html
View file

@ -9,7 +9,14 @@
</nav>
<div class="fixed-navigation">
<button class="next-step" routerLink="similar-cases">
<span class="label">
Search similar cases
</span>
<span class="pipe">
|
</span>
<i class="ri-arrow-right-line"></i>
</button>
</div>
</div>

50
sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.scss
View file

@ -1,14 +1,48 @@
.next-step{
color: var(--color-text-invert, #FFF);
.bottom-navigation {
padding: 0 60px 16px;
.nav-item {
display: inline-flex;
padding: 12px 16px;
justify-content: center;
align-items: center;
gap: 10px;
color: var(--color-text-title, #255B8E);
leading-trim: both;
text-edge: cap;
/* Text/text-button */
font-family: var(--Fonts-Font-text, Barlow);
font-size: var(--Font-Base, 14px);
font-style: normal;
font-weight: 600;
line-height: 100%; /* 14px */
letter-spacing: 1.12px;
text-transform: uppercase;
margin-left: -12px;
cursor: pointer;
&:hover {
color: white;
background: var(--color-primary, #073A7C);
}
}
}
.next-step {
text-align: center;
leading-trim: both;
text-edge: cap;
min-width: 230px;
padding: 14px 16px;
border-radius: 10px;
/* Text/text-button */
font-family: var(--Fonts-Font-text, Barlow);
font-size: var(--Font-Base, 14px);
font-style: normal;
color: var(--Light-base-solid-white, #FFF);
font-size: 16px;
font-weight: 600;
line-height: 100%; /* 14px */
letter-spacing: 1.12px;
line-height: 24px;
background: var(--Gradient, linear-gradient(77deg, #073A7C -4.23%, #1767AD 51.8%, #255B8E 87.72%));
}