| 1 |
- .content-editor{margin-bottom:20px;-webkit-border-radius:4px;border-radius:4px;border:1px solid #182410;background-color:#d9efe9;color:#3f4d32;min-width:800px;max-height:60vh;overflow:auto}.content-editor .content-item{margin:0 20px;background-color:#d9efe9;padding:5px 10px;-webkit-border-radius:4px;border-radius:4px;font-size:0.8rem}.select-file>input[type="file"]{display:none}.preview-images{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(200px, 1fr))[auto-fill];grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));grid-auto-rows:150px;grid-gap:10px;margin-bottom:20px}.preview-images>.image{position:relative}.preview-images>.image>img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-images>.image>label>input[type="radio"]{display:none}.preview-images>.image>label>input[type="radio"]+span{position:absolute;width:16px;height:16px;-webkit-border-radius:50%;border-radius:50%;border:2px solid #740;background-color:#d9efe9;top:4px;right:4px}.preview-images>.image>label>input[type="radio"]:hover+span{background-color:#fff4e6}.preview-images>.image>label>input[type="radio"]:checked+span::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:8px;height:8px;-webkit-border-radius:50%;border-radius:50%;background-color:#740}
|
