hensei-web/components/summon/SummonResult/index.module.scss
Justin Edmund ecbfd3ae7f
Game updates: 2024-03-25 (#412)
* Adds new raids and drop items
* Adds support for showing transcendence and subauras in search results

---------

Co-authored-by: Justin Edmund <383021+jedmund@users.noreply.github.com>
2024-03-25 05:55:19 -04:00

88 lines
1.6 KiB
SCSS

.result {
align-items: center;
border-radius: 6px;
display: flex;
gap: $unit;
padding: $unit * 1.5;
&:hover {
background: var(--button-contained-bg);
cursor: pointer;
.info h5 {
color: var(--text-primary);
}
}
img {
background: $grey-80;
border-radius: 6px;
display: inline-block;
height: auto;
width: 120px;
}
.info {
display: flex;
flex-direction: column;
flex-grow: 1;
gap: $unit-half;
h5 {
color: var(--text-tertiary);
display: inline-block;
font-size: $font-medium;
font-weight: $medium;
}
.UncapIndicator {
justify-content: left;
pointer-events: none;
}
.stars {
display: inline-block;
color: #ffa15e;
font-size: $font-xlarge;
& > span {
color: #65daff;
}
}
.tags {
display: flex;
flex-direction: row;
gap: calc($unit / 2);
align-items: center;
.WeaponLabelIcon {
$aspect-ratio: calc(25 / 60);
$height: 22px;
background-size: calc($height / $aspect-ratio) $height;
background-repeat: no-repeat;
height: $height;
width: calc($height / $aspect-ratio);
}
.subaura {
align-items: center;
display: flex;
flex-direction: row;
gap: $unit-half;
svg {
fill: var(--text-secondary);
width: $unit-2x;
height: $unit-2x;
}
span {
color: var(--text-secondary);
font-size: $font-small;
font-weight: $bold;
}
}
}
}
}