tmiller/pokemon
1
0
Fork 1
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Merge branch 'cardModal_styling'

Browse Source
This commit is contained in:
zach
2026-02-20 09:23:11 -05:00
parent 1ed2c4fcfe dfa6fac344
commit 65bf7a6acc
158 changed files with 277 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/assets/css/main.scss
View File

@@ -37,13 +37,10 @@
.modal-xl {
@media (min-width: 768px) {
max-width: 90vw;
}
@media (min-width: 1200px) {
max-width: 85vw;
max-width: 95vw;
}
@media (min-width: 1400px) {
max-width: 75vw;
max-width: 90vw;
}
}
@@ -124,6 +121,17 @@
background-color: rgba(255, 167, 36, 1);
border-bottom: 3px solid rgba(255, 167, 36, 1);
}
.nav-link.vendor, .nav-link.vendor:hover, .nav-link.vendor:focus {
border-bottom: 3px solid hsl(262, 47%, 55%);
}
.nav-link.vendor:hover, .nav-link.vendor:focus {
background-color: hsla(262, 47%, 55%, .67);
}
.nav-link.vendor.active {
color: rgba(255, 255, 255, 0.87);
background-color: hsl(262, 47%, 55%);
border-bottom: 3px solid hsl(262, 47%, 55%);
}
.dark-callout {
@media (min-width: 768px) {
@@ -137,16 +145,34 @@
z-index: 998;
}
.rarity-icon svg {
.small-icon svg {
width: 100%;
max-height: 16px;
margin-top: -0.25rem;
}
.energy-icon svg {
width: 100%;
max-height: 16px;
width:2.5rem;
margin-top: -0.25rem;
margin-right: -0.25rem;
}
.rarity-icon-large svg {
width: 2.5rem;
margin-bottom: -0.25rem;
margin-right: -0.25rem;
}
.set-icon svg {
width: 2.5rem;
margin-bottom: -0.25rem;
margin-left: -0.25rem;
}
.shadow-filter {
//filter: drop-shadow(0 30px 30px #333);
filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.3))
drop-shadow(0 4px 6px rgba(0, 0, 0, 0.2));
}
// ----------------------
@@ -169,7 +195,7 @@
// Base label style
.price-label {
font-size: 0.75rem;
font-size: 0.7rem;
font-weight: 600;
color: rgba(0, 0, 0, 0.87);
background-color: hsl(88, 50%, 60%);