| 1 | @import 'typography';
|
| 2 | @import 'colors';
|
| 3 |
|
| 4 | :root {
|
| 5 |
|
| 6 | --button {
|
| 7 | display: block;
|
| 8 | width: 100%;
|
| 9 | padding: 0.75rem 1.25rem;
|
| 10 | @apply --small;
|
| 11 | text-decoration: none;
|
| 12 | text-align: center;
|
| 13 | border-radius: 4px;
|
| 14 | border-style: solid;
|
| 15 | border-width: 2px;
|
| 16 | cursor: pointer;
|
| 17 | transition: 0.1s background-color ease;
|
| 18 | }
|
| 19 |
|
| 20 | --greenButton {
|
| 21 | @apply --button;
|
| 22 | color: var(--colorWhite);
|
| 23 | background: var(--colorSalem);
|
| 24 | border-color: var(--colorSalem);
|
| 25 |
|
| 26 | &:hover {
|
| 27 | background: var(--colorDarkerSalem);
|
| 28 | border-color: var(--colorDarkerSalem);
|
| 29 | }
|
| 30 | }
|
| 31 | }
|