|
|
@ -146,6 +146,50 @@ body { |
|
|
font-weight: normal; |
|
|
font-weight: normal; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&-radio { |
|
|
|
|
|
& { |
|
|
|
|
|
color: $color-border-dark; |
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
border: 1px solid $color-border; |
|
|
|
|
|
background: transparent; |
|
|
|
|
|
margin-right: .5rem; |
|
|
|
|
|
font-size: 1.5rem; |
|
|
|
|
|
font-weight: normal; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
width: 4.5rem; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.radio-label { |
|
|
|
|
|
display: block; |
|
|
|
|
|
font-size: .7rem; |
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
margin-left: -.5rem; |
|
|
|
|
|
margin-right: -.5rem; |
|
|
|
|
|
line-height: 1.5rem; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&.active { |
|
|
|
|
|
& { |
|
|
|
|
|
@include box-shadow(0, 0, 10px, .5); |
|
|
|
|
|
background: $color-theme-blue; |
|
|
|
|
|
border: 0; |
|
|
|
|
|
color: $color-accent-dark; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&:hover { |
|
|
|
|
|
color: $color-accent-dark; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&:hover { |
|
|
|
|
|
color: $color-theme-blue; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.radio-input { |
|
|
|
|
|
display: none; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
&-link { |
|
|
&-link { |
|
|
&.btn-danger { |
|
|
&.btn-danger { |
|
|
@include link-button($color-theme-error); |
|
|
@include link-button($color-theme-error); |
|
|
|