| 1 | @import '../common/typography';
|
| 2 | @import '../common/colors';
|
| 3 | @import '../common/layout';
|
| 4 |
|
| 5 | .topic-item {
|
| 6 | display: flex;
|
| 7 | justify-content: space-between;
|
| 8 | }
|
| 9 |
|
| 10 | .topic {
|
| 11 | @apply --flexNotMoreThan200;
|
| 12 | font-size: var(--fontMedium);
|
| 13 | }
|
| 14 |
|
| 15 | .button {
|
| 16 | font-size: var(--fontMedium);
|
| 17 | width: 28px;
|
| 18 | height: 28px;
|
| 19 | border-radius: 50%;
|
| 20 | border: none;
|
| 21 | margin: 0 28px;
|
| 22 | color: #fff;
|
| 23 | }
|
| 24 |
|
| 25 | .increment {
|
| 26 | background-color: var(--colorSalem);
|
| 27 | }
|
| 28 |
|
| 29 | .decrement {
|
| 30 | background-color: var(--colorDodgerBlue);
|
| 31 | }
|
| 32 |
|
| 33 | .destroy {
|
| 34 | background-color: var(--colorPunch);
|
| 35 | }
|
| 36 |
|