Basculer le menu
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

« Modèle:ButtonGrid/styles.css » : différence entre les versions

De Nefald
Agrado (discussion | contributions)
Page créée avec « .minicardv2-container{ display:flex; gap:.6rem; flex-wrap:nowrap; toujours sur une seule ligne : overflow-x:auto; scroll horizontal si trop de tuiles : padding:.4rem 0; } .minicardv2-tile{ display:flex; align-items:center; gap:.5rem; padding:.55rem .8rem; border-radius:12px; font-weight:600; text-decoration:none; white-space:nowrap; transition:transform .08s ease, filter .08s ease; } .minicardv2-tile:ho... »
 
Agrado (discussion | contributions)
Aucun résumé des modifications
Ligne 2 : Ligne 2 :
   display:flex;
   display:flex;
   gap:.6rem;
   gap:.6rem;
   flex-wrap:nowrap;         /* toujours sur une seule ligne */
   flex-wrap:nowrap;
   overflow-x:auto;         /* scroll horizontal si trop de tuiles */
   overflow-x:auto;
   padding:.4rem 0;
   padding:.4rem 0;
}
}
Ligne 11 : Ligne 11 :
   align-items:center;
   align-items:center;
   gap:.5rem;
   gap:.5rem;
   padding:.55rem .8rem;
   padding:.55rem .8rem;
   border-radius:12px;
   border-radius:12px;
   font-weight:600;
   font-weight:600;
   text-decoration:none;
   text-decoration:none;
   white-space:nowrap;
   white-space:nowrap;
   transition:transform .08s ease, filter .08s ease;
   transition:transform .08s ease, filter .08s ease;
}
}

Version du 4 février 2026 à 19:16

.minicardv2-container{
  display:flex;
  gap:.6rem;
  flex-wrap:nowrap;
  overflow-x:auto;
  padding:.4rem 0;
}

.minicardv2-tile{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.55rem .8rem;
  border-radius:12px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .08s ease, filter .08s ease;
}

.minicardv2-tile:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}

.minicardv2-tile:active{
  transform:translateY(0);
}

.minicardv2-icon{
  width:18px;
  height:18px;
}
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.