/* habillage des modeles */ /* */ .iconemodele { color: $couleurPrincipale; font-family:'Fontawesome',sans-serif; a & { background-color:$couleurBackground; } } .iconemodele.bloc { &.largeur { width: (50% - 3em); max-width:100%; } padding: 0.5em; margin-bottom:1em; line-height:0.9; &.left { float:left; clear:both; } &.right { float:right; } &.center { text-align:center; .content { text-align:left; } } &:after { display:block; clear:both; content:''; } .icon { font-size:60px; float:left; margin-right:($spacer/2); &:before { color: $couleurPrincipale; position: relative; top: 0.1em; } } .content { line-height:1.2; text-align:left; h3 { margin:10px 0 0.5em; padding:0 0.5em; } p { margin:0 0 0.2em; color:$black; } /*a { text-decoration:underline; }*/ } } /* imagesenlignes */ .imagesenligne.flex { margin-bottom:1.5em; display: -webkit-flex; /* Safari */ display: flex; -webkit-flex-wrap: nowrap; /* Safari */ flex-wrap: nowrap; span { padding:0 $spacer/2; } span:first-of-type { padding-left:0; } span:last-of-type { padding-right:0; } a:hover .spip_logos { min-width:0; } a.spip_out:after { content:''; } }