granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add custom styles for remixed pill

Browse source 
This pill displays when a party is a remix. We shrunk it so it wasn't quite the size of a normal small button, and then added disabled states for if the original party was deleted
This commit is contained in:
Justin Edmund 2023-07-02 02:05:42 -07:00
parent d38bbaef44
commit a6026cc592
1 changed files with 25 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
components/common/Button/index.module.scss
View file

@ -118,8 +118,31 @@
}
}
&.remixed.small {
padding: $unit-half * 1.5;
&:disabled {
background-color: var(--button-bg-disabled);
.accessory svg {
fill: var(--button-text-disabled);
&:hover {
fill: var(--button-text-disabled);
}
}
}
.accessory svg {
height: 12px;
width: 12px;
}
.text {
font-size: $font-tiny;
}
@include breakpoint(phone) {
&.remixed {
.text {
display: none;
}