dan/dchadwick
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding more things.

Browse Source
This commit is contained in:
calcu1on 2025-08-31 21:39:45 -04:00
parent 7c70bc0de7
commit 33ead115b9
2 changed files with 121 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
web/themes/custom/dchadwick/css/style.css
View File

@ -759,4 +759,64 @@ pre {
code {
display: block;
}
/* Container to line up radios nicely */
#views-exposed-form-snippets-block-1 fieldset {
display: flex;
gap: 1rem;
justify-content: center;
align-items: center;
padding: 0.5rem 0;
border: none;
}
/* Hide the default radio input */
#views-exposed-form-snippets-block-1 fieldset input[type=radio] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 1.2rem;
height: 1.2rem;
border: 2px solid #6c9e9b; /* soft green border */
border-radius: 50%;
background: #f2f7f5; /* light background */
cursor: pointer;
transition: all 0.2s ease;
position: relative;
}
/* Hover effect */
#views-exposed-form-snippets-block-1 fieldset input[type=radio]:hover {
border-color: #4a7a77;
}
/* Checked state with a modern filled circle */
#views-exposed-form-snippets-block-1 fieldset input[type=radio]:checked {
border-color: #4a7a77;
background: #6c9e9b;
}
#views-exposed-form-snippets-block-1 fieldset input[type=radio]:checked::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0.5rem;
height: 0.5rem;
background: #fff;
border-radius: 50%;
transform: translate(-50%, -50%);
}
/* Label styling */
#views-exposed-form-snippets-block-1 fieldset label {
font-size: 0.95rem;
color: #333;
cursor: pointer;
user-select: none;
}
#views-exposed-form-snippets-block-1 fieldset .form-item {
margin: 0 10px;
}

61
web/themes/custom/dchadwick/src/sass/style.scss
View File

@ -102,3 +102,64 @@ pre {
code {
display: block;
}
/* Container to line up radios nicely */
#views-exposed-form-snippets-block-1 fieldset {
display: flex;
gap: 1rem;
justify-content: center;
align-items: center;
padding: 0.5rem 0;
border: none;
}
/* Hide the default radio input */
#views-exposed-form-snippets-block-1 fieldset input[type="radio"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 1.2rem;
height: 1.2rem;
border: 2px solid #6c9e9b; /* soft green border */
border-radius: 50%;
background: #f2f7f5; /* light background */
cursor: pointer;
transition: all 0.2s ease;
position: relative;
}
/* Hover effect */
#views-exposed-form-snippets-block-1 fieldset input[type="radio"]:hover {
border-color: #4a7a77;
}
/* Checked state with a modern filled circle */
#views-exposed-form-snippets-block-1 fieldset input[type="radio"]:checked {
border-color: #4a7a77;
background: #6c9e9b;
}
#views-exposed-form-snippets-block-1 fieldset input[type="radio"]:checked::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0.5rem;
height: 0.5rem;
background: #fff;
border-radius: 50%;
transform: translate(-50%, -50%);
}
/* Label styling */
#views-exposed-form-snippets-block-1 fieldset label {
font-size: 0.95rem;
color: #333;
cursor: pointer;
user-select: none;
}
#views-exposed-form-snippets-block-1 fieldset .form-item {
margin: 0 10px;
}