Refactor Radio Inputs to Labels for hit tracker
This commit is contained in:
parent
3458f39973
commit
395bfa1616
4 changed files with 37 additions and 41 deletions
|
@ -14,6 +14,7 @@
|
|||
margin: -1px;
|
||||
}
|
||||
/* TODO: Refactor to use Labels !!!! */
|
||||
|
||||
label {
|
||||
&.healthTrackerBox {
|
||||
cursor: pointer;
|
||||
|
@ -27,6 +28,7 @@
|
|||
width: 6rem;
|
||||
height: 6rem;
|
||||
border-radius: 3px;
|
||||
padding: 0px;
|
||||
|
||||
&.reset {
|
||||
order: 2;
|
||||
|
@ -39,21 +41,19 @@
|
|||
top: 2px;
|
||||
right: 4px;
|
||||
}
|
||||
|
||||
&:checked {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
&:checked ~ .healthTrackerBox {
|
||||
order: 3;
|
||||
background-color: #444444;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input:checked {
|
||||
& + .healthTrackerBox {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
& ~ .healthTrackerBox {
|
||||
order: 3;
|
||||
background-color: #444444;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue