troogs/fs-onboarding
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor ProspectContainer styles: improve SCSS structure for better readability and maintainability

Browse Source
This commit is contained in:
troogs
2026-04-21 21:19:29 +02:00
parent 9da0bf3a43
commit 7660e8ce81
1 changed files with 25 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
FoodsharingSiegen.Server/Controls/ProspectContainer.razor.scss
View File

@@ -1,12 +1,15 @@
::deep a,
::deep a.invert:hover{
::deep a {
color: #64ae24;
display: block;
}
::deep a.invert,
::deep a:hover {
color: #533a20;
&.invert,
&:hover {
color: #533a20;
}
&.invert:hover {
color: #64ae24;
}
}
.green {
@@ -22,24 +25,22 @@
border-radius: 12px;
margin: 0;
padding: 1rem 1rem 0 1rem;
}
@media (max-width: 576px) {
.pc-main {
@media (max-width: 576px) {
padding: .5rem .5rem 0 .5rem;
}
}
.pc-main.warning {
-webkit-box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
-moz-box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
}
&.warning {
-webkit-box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
-moz-box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
box-shadow: 0 0 9px 4px rgba(214,100,23,0.87);
}
.pc-main.deleted {
-webkit-box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%);
-moz-box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%);
box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%);
&.deleted {
-webkit-box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%);
-moz-box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%);
box-shadow: 0 0 9px 4px rgb(214 23 23 / 87%);
}
}
.complete {
@@ -47,9 +48,10 @@
}
i.link {
cursor: pointer; color: #64ae24;
}
cursor: pointer;
color: #64ae24;
i.link:hover {
color: #000;
&:hover {
color: #000;
}
}