54 lines
2.4 KiB
SCSS
54 lines
2.4 KiB
SCSS
.nav-link.active {
|
|
color: $primary;
|
|
font-weight: bold;
|
|
}
|
|
|
|
// * FORM LABELS
|
|
|
|
.form-label, .col-form-label, .col-form-label-lg, .col-form-label-sm {
|
|
font-family: BourtonBase, sans-serif;
|
|
}
|
|
|
|
.btn-check:checked + .btn {
|
|
position: relative;
|
|
|
|
&::after {
|
|
position: absolute;
|
|
top:-0.3rem;
|
|
right: -0.4rem;
|
|
display: block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
border-radius: 1rem;background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
content: ' ';
|
|
}
|
|
|
|
// * Prevent btn-group checkbox from overlapping
|
|
&:not(:last-of-type)::after {
|
|
right: 0;
|
|
}
|
|
|
|
@each $color, $value in $theme-colors {
|
|
&.btn-#{$color}::after {
|
|
border: 1px solid #{color-contrast($value)};
|
|
background-color: #{color-contrast($value)};
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM13.5303 6.46967L13.4462 6.39705C13.1852 6.2034 12.827 6.20101 12.5636 6.38988L12.4697 6.46967L10 8.939L7.53033 6.46967L7.44621 6.39705C7.18522 6.2034 6.82701 6.20101 6.56362 6.38988L6.46967 6.46967L6.39705 6.55379C6.2034 6.81478 6.20101 7.17299 6.38988 7.43638L6.46967 7.53033L8.939 10L6.46967 12.4697L6.39705 12.5538C6.2034 12.8148 6.20101 13.173 6.38988 13.4364L6.46967 13.5303L6.55379 13.6029C6.81478 13.7966 7.17299 13.799 7.43638 13.6101L7.53033 13.5303L10 11.061L12.4697 13.5303L12.5538 13.6029C12.8148 13.7966 13.173 13.799 13.4364 13.6101L13.5303 13.5303L13.6029 13.4462C13.7966 13.1852 13.799 12.827 13.6101 12.5636L13.5303 12.4697L11.061 10L13.5303 7.53033L13.6029 7.44621C13.7966 7.18522 13.799 6.82701 13.6101 6.56362L13.5303 6.46967Z' fill='#{urlencodecolor($value)}'/%3E%3C/svg%3E");
|
|
}
|
|
&.btn-outline-#{$color} {
|
|
z-index: 2;
|
|
|
|
&::after {
|
|
right: -0.4rem;
|
|
border: 1px solid #{color-contrast($value)};
|
|
background-color: #{$value};
|
|
background-image: #{escape-svg($form-check-input-checked-bg-image)}, var(--#{$prefix}gradient);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.form-control::file-selector-button {
|
|
font-family: #{$btn-font-family} !important;
|
|
}
|