1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- .hit-dice-container {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- .input-container {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- width: 90%;
- row-gap: 0.5rem;
- input {
- flex: 0 0 15%;
- max-width: 15%;
- }
- }
- button {
- align-self: flex-start;
- width: 10%;
- }
- }
- .edit-button {
- border: none;
- background: none;
- }
- .add-button {
- background-color: var(--accept);
- border: none;
- border-radius: 6px;
- box-shadow: var(--shadow);
- height: 2rem;
- width: 3rem;
- font-size: 1.5rem;
- &:hover {
- background-color: var(--accept-hover);
- }
- }
- .remove-button {
- background-color: var(--delete);
- border: none;
- border-radius: 6px;
- box-shadow: var(--shadow);
- height: 2rem;
- width: 3rem;
- font-size: 1.5rem;
- &:hover {
- background-color: var(--delete-hover);
- }
- }
|