Move the buttons styling into it's own file
This commit is contained in:
parent
3b816a30d9
commit
d3c01977f5
3 changed files with 58 additions and 37 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue