Zen 5.5 : présentation

Portrait de Jenny
Soumis par Jenny le 14 aoû 2015 - 13:13

Tags:

Du read.me - zen 5.5

11 fichiers css : effacer les 5 -rtl.css ; dans dossier layout (cf http://zengrids.com), "responsive.css" (par défaut, cf type-layout) et "fixed.css" -> position des régions, blocs... ; print.css -> styles pour toutes les balises lors de l'impression. Dans SMACSS, print.css comporte une media query qui override les styles (cf type-module). Donc il en reste 4 :

nom feuille notes
Les principales .CSS de Zen 5.5
styles.css @import des autres .css - la seule présente dans le .info (et montre catégorisation avec technique smacss)
Si l'agrégation des CSS est non activée (phase de dev), les navigateurs la chargent en 1er, avant les autres CSS citées dans le @include
normalize.css y mettre les styles par défaut de tous éléments HTML et standard des styles pour tous navigateurs
http://smacss.com/book/type-base
layouts/responsive.css le layout par défaut est basé sur la méthode  zengrids flexible (indépendant de Zen, à dl)
http://smacss.com/book/type-layout
Par défaut (et non layouts/fixed.css)
components/misc.css styles nécessaires à drupal:
  • Tabs, Menus et forms,
  • éléments de page : pour utilisation dans page.tpl.php,
  • Blocs : pour travailler avec block.tpl.php,
  • Comments : pour comment-wrapper.tpl.php et comments.tpl.php, et
  • fields : styler les balises produites par theme_field()

Dans SMACSS, misc.css comporte des "règles module". On peux aussi ajouter des .css dans styles.css.

Pour Internet Explorer : templates/html.tpl.php comporte divers tags html pour IE à l'aide de la syntaxe MS. Préfixer les règles pour IE 6 par .lt-ie7 ; pour ie 6et 7 utiliser ".lt-ie8 ":
  .someRule { /* Styles for all browsers */ }
  .lt-ie8 .someRule { /* Styles for IE6 and IE7 only. */ }

Si l'on souhaite plutot charger une css pour IE (avec tests navigateur) voir ce module https://drupal.org/project/conditional_styles

logo drush