Шаблон:CheckboxCreator: различия между версиями

Нет описания правки
Нет описания правки
 
Строка 1: Строка 1:
<div class="outer-wrapper">
<div class="js-checkbox-generator"
<div class="checkbox-wrapper"  
    data-cbox-class="{{{class|}}}"
    style="
    data-cbox-checked="{{{checked|}}}"
    padding: {{{padding|12px}}};
    data-cbox-label="{{{label|}}}"
background: {{{background-color|#27272e}}};
    data-cbox-name="{{{name|}}}"
border: {{{border-size|2px}}} solid {{{border-color|#9F2828}}};
    data-cbox-id="{{{id|}}}"
    ">
    data-cbox-disabled="{{{disabled|}}}"
<div class="{{{1|}}} checkbox-container">
    data-cbox-items="{{{items|}}}">
<!-- Здесь создаться чекбокс, с помощью JS -->
<!-- Здесь создаться чекбокс с помощью JS -->
</div></div>
</div>
<!-- -->
<div class="customCSS" style="display:none">
.outer-wrapper {
display: flex;
justify-content: left;
align-items: left;
font-family: Arial,sans-serif;
color: #EFE8D8;
font-weight: bold
}
.checkbox-wrapper {
border-radius: 0.35em;
box-shadow: 0 4px 8px rgba(0,0,0,0.1)
}
.checkbox-container {
display: flex;
align-items: center;
cursor: pointer
}
.checkbox-container label {
margin-right: 5px
}
</div>
</div>