Changeset 110717 in spip-zone


Ignore:
Timestamp:
Jun 17, 2018, 3:45:39 PM (3 years ago)
Author:
tcharlss@…
Message:

Ajustements pour les formulaires + ajout de toutes les classes prêtes à remplir

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/integraal/theme/trunk/scss/modules/_forms.scss

    r110714 r110717  
    11/**
    2  * Formulaires - styles communs
     2 * Modules : formulaires
    33**/
    44
     5/**
     6 * =====================================================
     7 * Styles en commun à tous les formulaires (SPIP ou pas)
     8 * =====================================================
     9 */
    510
    6 label{
    7         display:block;
    8         font-weight:bold;
     11// Label
     12label {
     13        display: block;
     14        font-weight: bold;
     15        margin-bottom: $bs/2;
    916}
    10 textarea, input[type=text], input.text, select {
     17
     18// Tous les inputs
     19input,
     20textarea,
     21select {
     22        margin: 0;
     23        font-size: 1em;
     24        line-height: $bs;
     25}
     26
     27// Les inputs avec un cadre (+chosen)
     28textarea,
     29input[type=text],
     30input[type=password],
     31input[type=email],
     32input[type=telephone],
     33select,
     34[class*=chosen-container] .chosen-single {
    1135        width: 100%;
    1236        max-width: 100%;
    13         margin: 0;
    1437        background-color:white;
    1538        border: $bs/3/8 solid grey;
    16         border-radius:3px;
    17         font-size:1em;
    18         line-height: $bs;
     39        border-radius: 3px;
    1940
    20         &:focus{
     41        &:focus {
    2142                background-color: white;
    2243                border-color: color(texte);
     
    2445}
    2546
     47// les inputs sur une seule ligne (+ chosen)
     48input.text,
     49input[type=text],
     50input[type=password],
     51input[type=email],
     52input[type=telephone],
     53select,
     54[class*=chosen-container] .chosen-single {
     55        height: $bs*2;
     56  padding-left: $bs/2;
     57  padding-right: $bs/2;
     58}
    2659
    27 /* Formulaire fournis par SPIP */
    28 .formulaire_spip{
     60// Les boutons
     61button,
     62input.submit,
     63input[type=submit] {}
     64
     65// Textareas
     66textarea {}
     67
     68// Fieldsets
     69fieldset {
     70        legend {}
     71}
     72
     73// Chosen
     74[class*=chosen-container] {
     75  .chosen-single {
     76    // flèche
     77    div b {}
     78  }
     79}
     80
     81/**
     82 * ===========================
     83 * Formulaire fournis par SPIP
     84 * ===========================
     85 */
     86.formulaire_spip {
    2987        clear: both;
    3088
     89        // Message de retour
     90        .reponse_formuaire {
     91                &_ok {}
     92                &_erreur {}
     93        }
     94
     95        // Tous les messages d'explication (en dehors et à l'intérieur des saisies)
     96        .explication {}
     97
     98        // Conteneur des saisies
    3199        .editer-groupe {}
     100
     101        // Conteneur d'une saisie
    32102        .editer {
    33103                margin-bottom: $bs;
    34104
     105                // Obligatoire
     106                &.obligatoire {}
     107
     108                // En erreur
    35109                &.erreur {}
    36                 .erreur_message {
    37                 }
     110                .erreur_message {}
     111
     112                // Explication dans une saisie
     113                .explication {}
    38114        }
    39         .choix{
    40                 label{
     115
     116        // Choix : radio, checkbox
     117        .choix {
     118                label {
    41119                        display: inline;
    42120                        font-weight: normal;
    43121                }
    44122        }
     123
     124        // Boutons du formulaire
    45125        .boutons{
    46126                padding: $bs;
     
    48128        }
    49129}
     130
     131
     132/**
     133 * ===========================
     134 * Des formulaires SPIP précis
     135 * ===========================
     136 */
     137
     138// .formulaire_contact {
Note: See TracChangeset for help on using the changeset viewer.