Move the buttons styling into it's own file

This commit is contained in:
Oliver-Akins 2024-01-08 22:54:12 -07:00
parent 3b816a30d9
commit d3c01977f5
3 changed files with 58 additions and 37 deletions

View file

@ -63,42 +63,5 @@
font-family: $body-font;
word-break: break-all;
}
button {
border-radius: 4px;
&.primary {
background: $colour-primary;
color: $text-on-primary;
padding: 4px 8px;
&:hover {
background: $colour-primary-d20;
color: $text-on-primary-d20;
}
}
&.danger {
background: $colour-danger;
color: $text-on-danger;
padding: 4px 8px;
&:hover {
background: $colour-danger-d20;
color: $text-on-danger-d20;
}
}
&.reduced-padding {
padding: 2px 4px;
}
&.equal-padding {
padding: 4px 4px;
&.reduced-padding {
padding: 2px 2px;
}
}
}
}
}