63 lines
No EOL
1.2 KiB
SCSS
63 lines
No EOL
1.2 KiB
SCSS
@use "../vars.scss" as *;
|
|
|
|
.dotdungeon.dotdungeon.dotdungeon.dotdungeon > .window-content {
|
|
button {
|
|
border-radius: 4px;
|
|
box-sizing: border-box;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
border-width: 2px;
|
|
border-radius: 4px;
|
|
transition:
|
|
background-color 400ms ease-in-out,
|
|
color 400ms ease-in-out,
|
|
border-color 400ms ease-in-out;
|
|
padding: 4px 8px;
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 4px;
|
|
|
|
&.confirm {
|
|
background: $colour-confirm;
|
|
color: $text-on-confirm;
|
|
&:hover, &:focus-visible {
|
|
background: transparent;
|
|
color: $colour-confirm;
|
|
border-color: $colour-confirm;
|
|
}
|
|
}
|
|
|
|
&.neutral {
|
|
background: $colour-neutral;
|
|
color: $text-on-neutral;
|
|
&:hover, &:focus-visible {
|
|
background: transparent;
|
|
color: $colour-neutral;
|
|
border-color: $colour-neutral;
|
|
}
|
|
}
|
|
|
|
&.danger {
|
|
background: $colour-danger;
|
|
color: $text-on-danger;
|
|
&:hover, &:focus-visible {
|
|
background: transparent;
|
|
color: $colour-danger;
|
|
border-color: $colour-danger;
|
|
}
|
|
}
|
|
|
|
&.reduced-padding {
|
|
padding: 2px 4px;
|
|
}
|
|
|
|
|
|
&.equal-padding {
|
|
padding: 4px 4px;
|
|
&.reduced-padding {
|
|
padding: 2px 2px;
|
|
}
|
|
}
|
|
}
|
|
} |