We'll have to change this to rems in the future, but at least we're just changing variables
48 lines
No EOL
858 B
SCSS
48 lines
No EOL
858 B
SCSS
.CharacterResult {
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
border-radius: 6px;
|
|
display: flex;
|
|
font-family: -apple-system, "Helvetica Neue", "Lucida Grande";
|
|
gap: 8px;
|
|
padding: 12px;
|
|
}
|
|
|
|
.CharacterResult img {
|
|
background: #e9e9e9;
|
|
border-radius: 6px;
|
|
display: inline-block;
|
|
height: 72px;
|
|
width: 120px;
|
|
}
|
|
|
|
.CharacterResult h5 {
|
|
color: #555;
|
|
display: inline-block;
|
|
font-size: $font-large;
|
|
font-weight: 500;
|
|
margin: 2px 4px 4px 0;
|
|
}
|
|
|
|
.CharacterResult .WeaponLabelIcon {
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.CharacterResult .stars {
|
|
display: inline-block;
|
|
color: #FFA15E;
|
|
font-size: $font-xlarge;
|
|
}
|
|
|
|
.CharacterResult .stars > span {
|
|
color: #65DAFF;
|
|
}
|
|
|
|
.CharacterResult:hover {
|
|
background: #e9e9e9;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.CharacterResult:hover .image_placeholder {
|
|
background: #dadada;
|
|
} |