- Accueil
- Info légales
- Aide (FAQ)
- Les tags de ce site
- Bloc note
- Articles techniques
- Notes system
- Divers articles
- Drupal
- Notes ITIL 2007
- Notes MS
- Dans le quartier...
- Emploi
- Recettes de cuisine et adresses gourmandes
- mes applis ubuntu préferées
- Divers acronymes du monde social
- Internet 2018
- P2 meublé à louer - quartier du Poteau 75018
- apcos - réseaux sociaux et outils
- Articles techniques
- Divers liens
- Fun
- Mon CV IT
- Nouveautés
Adaptivetheme, coté CSS 3 (avec ou sans sass?)
En PJ: les 2 css globales ie pour toute taille de device (non "responsive"): global.styles.css (a bp de selecteurs vides donc soit en effacer soit utiliser SASS) et global.base.css (inclus normalize.css ainsi que d'autres classes et styles de base (alignement des containeur par défaut, images flexibles..)).
Theme Settings | Regions |
---|---|
Standard layout et Tablet landscape: three_col_grail et largeur page 100 mais bigscreen_media_query = only screen and (min-width:1025px) et landscape_media_query = only screen and (min-width:769px) and (max-width:1024px |
regions[content_aside] = Aside regions[leaderboard] = Leaderboard |
Tablet portrait: one_col_vert tablet_portrait_media_query = only screen and (min-width:581px) and (max-width:768px |
|
Smalltouch landscape: one_col_vert only screen and (min-width:321px) and (max-width:580px |
|
Smalltouch portrait : one_col_stack | |
... SEO |
Si Compass est configuré pour surveiller le dossier SASS ou autre fichier SCSS de votre thème, il va OVERWRITER le ou les fichiers CSS qui sont dans le dossier CSS de votre sous-thème! En effacant le config.rb on s'assure que cela n'arrivera jamais.
Adaptivetheme 7.x-3.x a 2 "modes" de fonctionnement (déterminés automatiquement lors d'un changement "Compression CSS" à /admin/config/development/performance): "Development" (si non-compression CSS) et "Production" (si compression CSS) - les feuilles de styles ne sont pas chargées de la meme facon selon le mode.
en mode dev |
en mode production |
---|---|
les feuilles responsive sont chargées dans des éléments liens par media, pour se charger directement ds browser (on ne voit pas la différence on fait du dev CSS normal). |
Elles sont agrégées en un seul fichier, et utilisent des requetes @media. |
5 feuilles "responsive" (une par break point)
- responsive.smalltouch.landscape.css |
Si on modifie des css responsive en prod:
1. resauver les paramètres du thème |
chemin relatif: fichiers publiques (At Core) |
Le CSS/README.txt est indispensable.
Official documentation page: http://drupal.org/node/1089656
Doc tek:
Fichier attaché | Taille |
---|---|
global.styles.css_.txt | 29.39 Ko |
global.base_.css_.txt | 13.68 Ko |
adaptative1info.txt | 17.6 Ko |