#import-list, #reqmo-list, #edition { fieldset { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1em; width: 100%; } .choice { a { @include buttonPrimary; } } } #reqmo-form, #form-csv-import, #form-geojson-import { @include noBorderShadow(1px, 2px); padding: 1em; border-radius: .5em;; background-color: $blanc; .checkbox-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); padding-bottom: 2em; } + .geojson-example { overflow: hidden; margin-top: 1em; pre { text-wrap: wrap; padding: 1em; background: $gris100; color: $gris700; border-radius: 1em; border: 1px solid $gris400; } .tab__label, .tab__close { display: flex; background: transparent; cursor: pointer; } .tab__label { justify-content: space-between; padding: 1rem; } .tab__label::after { content: "\276F"; width: 1em; height: 1em; text-align: center; transform: rotate(90deg); transition: all 0.35s; } .tab input:checked + .tab__label::after { transform: rotate(270deg); } .tab__content p { margin: 0; padding: 1rem; } /* Core styles/functionality */ .tab input { position: absolute; opacity: 0; z-index: -1; } .tab__content { max-height: 0; overflow: hidden; transition: all 0.35s; } .tab input:checked ~ .tab__content { max-height: 1175px; } } } .om_validite_link { a { font-weight: 600; color: $brand800; border-radius: 0.5em; padding: .5em 1em; &:hover{ cursor: pointer; color: $brand700; background-color: $brand100; } } }