Browse Source

adapter le modèle <iconebloc> aux petits écrans + z

svn/attic/html5up_editorial/118729
chankalan@choc0.net 5 years ago
parent
commit
db1f2f4dcd
  1. 31
      css/theme.scss
  2. 2
      paquet.xml

31
css/theme.scss

@ -157,11 +157,34 @@ article.feature.bloc {
@media (max-width:767px) {
/* content */
#main {
.texte, .ps { /* texte et ps en 1 colonnes, en attendant mieux (mixin ?) */
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
.texte, .ps { /* texte et ps en 1 colonnes, en attendant mieux (mixin ?) */
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
}
article.feature.bloc {
width: calc(50% - 1.5em);
margin:0 2em 2em 0;
.icon {
&:after {
height: 5em;
width: 5em;
margin: -2.5em 0 0 -2.5em;
}
&:before {
font-size: 1.75rem;
}
}
.content {
margin: -5em 0 0 5em;
}
}
}
@media (max-width:640px) {
article.feature.bloc {
width:100%;
margin-right:0;
}
}
@media (max-width:480px) {

2
paquet.xml

@ -1,7 +1,7 @@
<paquet
prefix="html5up_editorial"
categorie="squelette"
version="1.0.7"
version="1.0.8"
etat="test"
compatibilite="[3.1.0;3.2.*]"
logo="prive/themes/spip/images/html5up_editorial-64.png"

Loading…
Cancel
Save