60 lines
No EOL
1.1 KiB
SCSS
60 lines
No EOL
1.1 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: 400ms;
|
|
padding: 4px 8px;
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 4px;
|
|
|
|
&.confirm {
|
|
background: $colour-confirm;
|
|
color: $text-on-confirm;
|
|
&:hover, &:focus {
|
|
background: transparent;
|
|
color: $colour-confirm;
|
|
border-color: $colour-confirm;
|
|
}
|
|
}
|
|
|
|
&.neutral {
|
|
background: $colour-neutral;
|
|
color: $text-on-neutral;
|
|
&:hover, &:focus {
|
|
background: transparent;
|
|
color: $colour-neutral;
|
|
border-color: $colour-neutral;
|
|
}
|
|
}
|
|
|
|
&.danger {
|
|
background: $colour-danger;
|
|
color: $text-on-danger;
|
|
&:hover, &:focus {
|
|
background: transparent;
|
|
color: $colour-danger;
|
|
border-color: $colour-danger;
|
|
}
|
|
}
|
|
|
|
&.reduced-padding {
|
|
padding: 2px 4px;
|
|
}
|
|
|
|
|
|
&.equal-padding {
|
|
padding: 4px 4px;
|
|
&.reduced-padding {
|
|
padding: 2px 2px;
|
|
}
|
|
}
|
|
}
|
|
} |