76 lines
1.6 KiB
SCSS
76 lines
1.6 KiB
SCSS
input
|
|
{
|
|
height: auto;
|
|
padding: 0.5rem;
|
|
}
|
|
|
|
.form-check
|
|
{
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0;
|
|
margin: 0 0 0 1.5rem;
|
|
cursor: pointer;
|
|
flex-grow: 1;
|
|
|
|
.form-check-input
|
|
{
|
|
margin-right: .5rem;
|
|
float: none;
|
|
width: 1.4em;
|
|
max-width: 1rem;
|
|
margin-bottom: .25rem;
|
|
cursor: inherit;
|
|
background-color: #0dc3e9;
|
|
border-color: #0dc3e9;
|
|
box-shadow: 0 0 0 1px rgb(12, 19, 33, .5) inset;
|
|
|
|
&:checked
|
|
{
|
|
background-color: #ff9c07;
|
|
border-color: #ff9c07;
|
|
|
|
&:not(:focus)
|
|
{
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
|
|
&:checked[type=radio]
|
|
{
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%230c1321'/%3e%3c/svg%3e");
|
|
}
|
|
|
|
&:checked[type=checkbox]
|
|
{
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%230c1321' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
|
|
}
|
|
|
|
&:focus
|
|
{
|
|
box-shadow: 0 0 0 0.25rem rgba(13, 195, 233, .5);
|
|
}
|
|
|
|
&:checked:focus
|
|
{
|
|
box-shadow: 0 0 0 0.25rem rgba(255, 156, 7, .25);
|
|
}
|
|
}
|
|
|
|
.form-check-label
|
|
{
|
|
cursor: inherit;
|
|
width: 100%;
|
|
padding: .75rem 0;
|
|
font-family: "Bebas Neue", sans-serif;
|
|
font-size: 1.2rem;
|
|
}
|
|
}
|
|
|
|
.form-check-input:checked + .form-check-label,
|
|
.form-check-input:checked + .form-check-label .package-specs,
|
|
.form-check-input:checked + .form-check-label .h3
|
|
{
|
|
color: #ff9c07;
|
|
}
|