hensei-web/components/Token/index.scss

30 lines
579 B
SCSS

.Token {
background: var(--input-bg);
border-radius: 99px;
display: inline-flex;
font-size: $font-small;
font-weight: $medium;
min-width: 3rem;
text-align: center;
padding: $unit ($unit * 1.5);
user-select: none;
&.ChargeAttack.On {
background: var(--charge-attack-bg);
color: var(--charge-attack-text);
}
&.FullAuto.On {
background: var(--full-auto-bg);
color: var(--full-auto-text);
}
&.AutoGuard.On {
background: var(--auto-guard-bg);
color: var(--auto-guard-text);
}
&.Off {
color: var(--text-secondary);
}
}