@import "bootstrap"; @import "bootstrap-datepicker3"; #description_page #liste_champs { h4 { margin-top: 35px; } } .input-error { color: darkred !important; border-color: darkred !important } .type_champ-text { @extend .col-md-6; @extend .col-lg-6; input[type='text'] { width: 100%; } } .type_champ-email { @extend .col-md-4; @extend .col-lg-4; input[type='email'] { width: 100%; } } .type_champ-civilite { @extend .col-md-3; @extend .col-lg-3; } .type_champ-phone { @extend .col-md-2; @extend .col-lg-2; input[type='phone'] { width: 100%; } } .datepicker-switch { color: #0086b3; text-decoration: underline; } .type_champ-textarea { @extend .col-md-8; @extend .col-lg-8; textarea.form-control { width: 100%; height: 133px; } } .type_champ-number { @extend .col-md-3; @extend .col-lg-3; input[type='number'] { width: 100%; } } .type_champ-datetime { @extend .col-md-2; @extend .col-lg-2; input[type='number'] { width: 100%; } }