430 |
430 |
(contactez-nous, divers)
|
431 |
431 |
);
|
432 |
432 |
|
|
433 |
//* Catégories
|
|
434 |
//
|
|
435 |
// Différentes icônes de catégories sont disponibles, elles seront utilisées
|
|
436 |
// sur les cellules de type "formulaires d'une catégorie" en fonction de
|
|
437 |
// l'identifiant associé à la catégorie.
|
|
438 |
//
|
|
439 |
// Les identifiants reconnus sont : accueil-commerce-entreprise,
|
|
440 |
// culture-et-loisirs, dechets-et-nettoiement, papiers-citoyennete,
|
|
441 |
// sante-social, securite-police-municipale, vie-pratique,
|
|
442 |
// voirie-et-espace-public, stationnement-circulation-transport,
|
|
443 |
// famille-et-enfance et contactez-nous.
|
433 |
444 |
@each $category_slug, $category_icon in $category_items {
|
434 |
445 |
#content div.cell.wcsformsofcategorycell .wcs-forms-of-category-#{$category_slug} h2:first-child::before {
|
435 |
446 |
background-image: url(pictos/cat-#{$category_icon}.png);
|
... | ... | |
486 |
497 |
min-width: 200px;
|
487 |
498 |
}
|
488 |
499 |
|
|
500 |
//* Page d'accueil
|
|
501 |
//
|
|
502 |
// La page d'accueil contient une première zone (fond gris) servant à mettre en
|
|
503 |
// évidence une démarche ou une information.
|
|
504 |
//
|
|
505 |
// Pour indiquer qu'une cellule doit se trouver dans cette zone, il suffit de
|
|
506 |
// lui assigner "in-heading" comme classe CSS.
|
|
507 |
//
|
|
508 |
// Pour le petit texte de bienvenue qui apparait à la droite de cette zone,
|
|
509 |
// il faut également donner à la cellule l'identifiant "bienvenue".
|
489 |
510 |
#content .heading div.cell.bienvenue {
|
490 |
511 |
background: $red;
|
491 |
512 |
padding: 80px 20px 20px;
|
... | ... | |
497 |
518 |
background: inherit;
|
498 |
519 |
}
|
499 |
520 |
|
|
521 |
//*
|
|
522 |
// Pour le bloc "À la une", il faut donner à la cellule texte l'identifiant
|
|
523 |
// "a-la-une". Comme contenu elle doit avoir une image (400px de large et
|
|
524 |
// 365px de haut) puis une série de paragraphes et généralement un lien final.
|
|
525 |
// Attention à la longueur de ces éléments textuels, idéalement le paragraphe
|
|
526 |
// central ne devrait pas dépasser 150 signes.
|
500 |
527 |
#content div.cell.a-la-une {
|
501 |
528 |
float: left;
|
502 |
529 |
@media screen and (max-width: $mobile-limit) {
|
503 |
|
-
|