Highlighted button on mobile

main2
Bob Mottram 2019-09-24 09:38:56 +01:00
parent 10c7216fb2
commit 2009adb3f1
1 changed files with 30 additions and 0 deletions

View File

@ -809,6 +809,21 @@ input[type=checkbox]
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
} }
.buttonhighlighted {
border-radius: 4px;
background-color: green;
border: none;
color: var(--button-text);
text-align: center;
font-size: 18px;
padding: 10px;
width: 10%;
max-width: 100px;
min-width: 80px;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
}
.buttonselected { .buttonselected {
border-radius: 4px; border-radius: 4px;
background-color: var(--button-selected); background-color: var(--button-selected);
@ -974,6 +989,21 @@ input[type=checkbox]
cursor: pointer; cursor: pointer;
margin: 15px; margin: 15px;
} }
.buttonhighlighted {
border-radius: 4px;
background-color: green;
border: none;
color: var(--button-text);
text-align: center;
font-size: 32px;
padding: 10px;
width: 20%;
max-width: 400px;
min-width: 80px;
transition: all 0.5s;
cursor: pointer;
margin: 15px;
}
.buttonselected { .buttonselected {
border-radius: 4px; border-radius: 4px;
background-color: var(--button-selected); background-color: var(--button-selected);