Commit aee4bce5 authored by Nikolay Gromov's avatar Nikolay Gromov

Радиокнопки: сделал умолчанием кастомный вариант без картинок

parent f9f961f4
...@@ -36,7 +36,7 @@ $line-height: 1.375em !default; ...@@ -36,7 +36,7 @@ $line-height: 1.375em !default;
&__name-text { &__name-text {
// свой чекбокс // своя радиокнопка с картинкой
// &:before { // &:before {
// content: ''; // content: '';
// position: absolute; // position: absolute;
...@@ -50,6 +50,37 @@ $line-height: 1.375em !default; ...@@ -50,6 +50,37 @@ $line-height: 1.375em !default;
// @at-root input:checked ~ &:before { // @at-root input:checked ~ &:before {
// background-image: svg-load('../blocks/field-radio/img_to_bg/radiobutton--checked.svg'); // background-image: svg-load('../blocks/field-radio/img_to_bg/radiobutton--checked.svg');
// } // }
// / своя радиокнопка с картинкой
// своя радиокнопка без картинки
&:before {
content: '';
position: absolute;
top: 0.1em;
left: 0;
width: 14px;
height: 14px;
border: 2px solid currentColor;
border-radius: 50%;
}
&:after {
content: '';
position: absolute;
top: calc(0.1em + 4px);
left: 4px;
width: 6px;
height: 6px;
opacity: 0;
border-radius: 50%;
background-color: currentColor;
transition: opacity $transition-time;
@at-root input:checked ~ & {
opacity: 1;
}
}
// / своя радиокнопка без картинки
} }
&__input { &__input {
...@@ -65,13 +96,11 @@ $line-height: 1.375em !default; ...@@ -65,13 +96,11 @@ $line-height: 1.375em !default;
@include field-focus; @include field-focus;
} }
// сокрытие инпута в случае использования своего чекбокса // сокрытие инпута в случае использования своей радиокнопки
// top: 0; width: 0;
// left: 0; height: 0;
// width: 0; overflow: hidden;
// height: 0; visibility: hidden;
// overflow: hidden;
// visibility: hidden;
} }
&__help-text-wrap { &__help-text-wrap {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment