monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-11-08 05:03:39 +08:00
Code Issues Projects Releases Packages Wiki Activity

Finished checkbox styling standardisation

Browse source
This commit is contained in:
Estebene 2021-05-09 12:54:12 +12:00
parent d4542b8e6a
commit c73015d49c
2 changed files with 2 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/sass/style.scss
View file

@ -2578,36 +2578,6 @@ key {
form {
grid-area: form;
#rememberMe {
color: var(--sub-color);
-moz-user-select: none;
user-select: none;
cursor: pointer;
input {
margin: 0 !important;
cursor: pointer;
width: 0;
height: 0;
display: none;
& ~ .customCheckbox {
width: 12px;
height: 12px;
background: rgba(0, 0, 0, 0.1);
border-radius: 2px;
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
display: inline-block;
margin: 0 0.5rem 0 0.25rem;
transition: 0.25s;
}
&:checked ~ .customCheckbox {
background: var(--main-color);
}
}
}
}
}
}

4
static/index.html
View file

@ -3692,9 +3692,9 @@
autocomplete="password"
/>
<div>
<label id="rememberMe">
<label id="rememberMe" class="checkbox">
<input type="checkbox" checked />
<div class="customCheckbox"></div>
<div class="customTextCheckbox"></div>
Remember me
</label>
</div>