hensei-web/components/WeaponModal/index.scss

44 lines
751 B
SCSS

.Weapon.Dialog {
.mods {
display: flex;
flex-direction: column;
gap: $unit * 4;
section {
display: flex;
flex-direction: column;
gap: calc($unit / 2);
h3 {
color: $grey-50;
font-size: $font-small;
margin-bottom: $unit;
}
select {
background-color: $grey-90;
}
}
.Button {
font-size: $font-regular;
padding: ($unit * 1.5) ($unit * 2);
width: 100%;
&.btn-disabled {
background: $grey-90;
color: $grey-70;
cursor: not-allowed;
}
&:not(.btn-disabled) {
background: $grey-90;
color: $grey-40;
&:hover {
background: $grey-80;
}
}
}
}
}