Шаблон:CheckboxCreator: различия между версиями
Материал из Space Station 14 Вики
|
|
| Строка 1: |
Строка 1: |
| <div class="outer-wrapper"> | | <div class="outer-wrapper"> |
| <div class="checkbox-wrapper"> | | <div class="checkbox-wrapper"> |
| <div class="{{#switch: {{{1}}}}} checkbox-container"> | | <div class="{{{1|}}} checkbox-container"> |
| <!-- Здесь создаться чекбокс, с помощью JS --> | | <!-- Здесь создаться чекбокс, с помощью JS --> |
| </div></div></div> | | </div></div></div> |
Версия от 10:05, 9 июля 2024
.outer-wrapper{display:flex;justify-content:left;align-items:left;font-family:Arial,sans-serif;color:#EFE8D8;font-weight:bold}
.checkbox-wrapper{padding:20px;border:2px solid #9F2828;border-radius:10px;background-color:#27272e;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:10px}
.checkbox-container input[type="checkbox"]{appearance:none;width:20px;height:20px;border:2px solid #9F2828;border-radius:4px;position:relative;display:flex;justify-content:center;align-items:center}
.checkbox-container input[type="checkbox"]::after{content:;width:10px;height:10px;background-color:#9F2828;border-radius:2px;opacity:0;transition:opacity 0.2s ease}
.checkbox-container input[type="checkbox"]:checked::after{opacity:1}
