glm94/html-testing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tweaked radio button size and colors.

Browse Source
This commit is contained in:
glm94
2025-01-24 01:03:04 -06:00
parent 231949c4dd
commit 445002ae89
2 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
base.css
+3 -3
View File
@@ -77,7 +77,7 @@ input[type="checkbox"]:checked::before, input[type="radio"]:checked::before {
input[type="checkbox"]:disabled, input[type="radio"]:disabled {
cursor: not-allowed;
}
/* TODO: These controls should probably have their sizes relative to their parent, so "em" instead of "rem" */
/* Set the size and properties of the box that represents the checkbox */
input[type=checkbox] {
appearance: none; /*Hide the defualt OS provided control*/
@@ -118,8 +118,8 @@ input[type=checkbox]::before {
input[type=radio] {
appearance: none; /* Hide the defualt OS provided control */
margin: 0; /* Not removed by appearance */
width: 1.75rem;
height: 1.75rem;
width: 1.65rem;
height: 1.65rem;
border-radius: 50%; /* Round the edges of the box so they appear as a circle */
border: var(--default-border-style);
transition: 0.2s all linear;