Implement the toggle for capacity usage. (closes #156)
This commit is contained in:
parent
6d41a33b0c
commit
48ceade1d1
5 changed files with 47 additions and 4 deletions
24
styles/v3/elements/checkbox.scss
Normal file
24
styles/v3/elements/checkbox.scss
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
.dotdungeon.style-v3 {
|
||||
input[type="checkbox"] {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
border-radius: 2px;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
|
||||
background: var(--elevation-8dp-bg);
|
||||
position: relative;
|
||||
&:checked::before {
|
||||
content: "";
|
||||
background: var(--checkbox-checked);
|
||||
border-radius: 3px;
|
||||
$margin: 4px;
|
||||
top: $margin;
|
||||
bottom: $margin;
|
||||
left: $margin;
|
||||
right: $margin;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue