Browse Source

résoudre conflit css entre les crayons et le modèle <iconebloc>

usage du modèle avec positionnement |left et |right
svn/attic/html5up_editorial/118729
chankalan@choc0.net 4 years ago
parent
commit
1985c6e0ce
  1. 21
      css/theme.scss
  2. 3
      modeles/iconebloc.html
  3. 2
      paquet.xml

21
css/theme.scss

@ -85,15 +85,16 @@ hr.spip {
color: _palette(accent);
}
article.feature.bloc {
width:calc(50% - 3em);
float:left;
clear:both;
width:47%;
padding:2.8em 0 0 3.4em;
margin:0 3em 3em 0;
margin-bottom:2em;
min-height: 170px;
&:nth-child(2n) {
margin-right:0;
clear:none;
&.right {
float:right;
}
&.left {
float:left;
clear:both;
}
.icon {
display: inline-block;
@ -168,9 +169,7 @@ article.feature.bloc {
}
}
article.feature.bloc {
width: calc(50% - 1.5em);
margin:0 2em 2em 0;
padding:1.4 0 0 2em;
padding: 1.8em 0 0 1.5em;
min-height: 90px;
.icon {
&:after {
@ -190,7 +189,7 @@ article.feature.bloc {
@media (max-width:640px) {
article.feature.bloc {
width:100%;
margin-right:0;
&.left, &.right { float:none; }
}
}
@media (max-width:480px) {

3
modeles/iconebloc.html

@ -4,8 +4,9 @@ parametres :
|icone=fa-rocket (ou tout autre icone de FontAwesome http://fontawesome.io/icons/)
|iconetitre=le titre
|iconetexte=le texte
|left ou |right (comme les autres modeles de SPIP...)
]<article class="feature bloc">
]<article class="feature bloc[ (#ENV{align})]">
[<span class="icon (#ENV{icone})"></span>]
<div class="content">
[<h3>(#ENV{iconetitre})</h3>]

2
paquet.xml

@ -1,7 +1,7 @@
<paquet
prefix="html5up_editorial"
categorie="squelette"
version="1.1.3"
version="1.1.4"
schema="1.1.0"
etat="test"
compatibilite="[3.1.0;3.2.*]"

Loading…
Cancel
Save