Skip to content
Extraits de code Groupes Projets
Valider ef7ac419 rédigé par tcharlss's avatar tcharlss Validation de marcimat
Parcourir les fichiers

Boîtes du privé : markup plus simple et plus confiné. 

* On passe les classes en BEM, cela évite les collisions qu'on peut avoir avec des noms de classes génériques tels que `.inner`, et cela simplifie les CSS. On bascule sur `.box__header`, `.box__body` et `.box__footer`.
* On simplifie le markup : plus besoin du div.inner ni des b.top, b.tl et cie. Tous ces éléments ne servaient très probablement qu'à faire des bords arrondis à l'ancienne, à base d'images. C'est donc maintenant complètement inutile.
* Enfin, la mini lib box.css est devenue inutile, l'intégralité des règles utilisées étaient surchargées dans box_skins.css.html. On la supprime donc.
* Conséquence : les quelques plugins qui surchargeaient les styles des boîtes devront les adapter. Dans la dist cela ne concerne que SVP et Compagnons, et 2 sur la zone.
parent b938bd60
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Masquer les modifications d'espaces
En ligne Côte à côte
ecrire/inc/filtres_boites.php
+ 6
− 9
Voir le fichier @ ef7ac419
...@@ -129,17 +129,15 @@ function balise_BOITE_FERMER_dist($p) { ...@@ -129,17 +129,15 @@ function balise_BOITE_FERMER_dist($p) {
*/ */
function boite_ouvrir($titre, $class = '', $head_class = '', $id = '') { function boite_ouvrir($titre, $class = '', $head_class = '', $id = '') {
$class = "box $class"; $class = "box $class";
$head_class = "clearfix hd $head_class"; $head_class = "box__header $head_class clearfix";
// dans l'espace prive, titrer en h3 si pas de balise <hn> // dans l'espace prive, titrer en h3 si pas de balise <hn>
if (test_espace_prive() and strlen($titre) and strpos($titre, '<h') === false) { if (test_espace_prive() and strlen($titre) and strpos($titre, '<h') === false) {
$titre = "<h3>$titre</h3>"; $titre = "<h3>$titre</h3>";
} }
return '<div class="' . $class . ($id ? "\" id=\"$id" : '') . '">' return '<div class="' . $class . ($id ? "\" id=\"$id" : '') . '">'
. '<b class="top"><b class="tl"></b><b class="tr"></b></b>' . ($titre ? "<div class=\"$head_class\">$titre</div>" : '')
. '<div class="inner">' . '<div class="box__body clearfix">';
. ($titre ? '<div class="clearfix ' . $head_class . '">' . $titre . '<!--/hd--></div>' : '')
. '<div class="clearfix bd">';
} }
...@@ -156,10 +154,10 @@ function boite_ouvrir($titre, $class = '', $head_class = '', $id = '') { ...@@ -156,10 +154,10 @@ function boite_ouvrir($titre, $class = '', $head_class = '', $id = '') {
* HTML de transition vers le pied de la boîte * HTML de transition vers le pied de la boîte
*/ */
function boite_pied($class = 'act') { function boite_pied($class = 'act') {
$class = "ft $class"; $class = "box__footer $class";
return '</div>' return '</div>'
. '<div class="cleafix ' . $class . '">'; . "<div class=\"$class clearfix\">";
} }
...@@ -174,7 +172,6 @@ function boite_pied($class = 'act') { ...@@ -174,7 +172,6 @@ function boite_pied($class = 'act') {
* HTML de fin de la boîte * HTML de fin de la boîte
*/ */
function boite_fermer() { function boite_fermer() {
return '</div></div>' return '</div>'
. '<b class="bottom"><b class="bl"></b><b class="br"></b></b>'
. '</div>'; . '</div>';
} }
prive/themes/spip/boutons.css.html
+ 1
− 1
Voir le fichier @ ef7ac419
...@@ -508,7 +508,7 @@ button.btn_#VALEUR, ...@@ -508,7 +508,7 @@ button.btn_#VALEUR,
} }
/* Dans le footer d'une boîte */ /* Dans le footer d'une boîte */
.box .ft .bouton_action_post { .box__footer .bouton_action_post {
margin-bottom: 0; margin-bottom: 0;
} }
......
prive/themes/spip/box.css supprimé 100644 → 0
+ 0
− 34
Voir le fichier @ b938bd60
/*
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
version: 0.2
*/
/* **************** BLOCK STRUCTURES ***************** */
/* box */
.box{margin:20px 0 0;}
.bd,.ft{padding:0 10px;}
.bd {padding:10px;}
.hd {padding:5px 10px;}
.box .inner{position:relative;}
.box>b,.box>b>b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.box .tl, .box .tr, .box .bl, .box .br{height:10px; width:10px;float:left;}
.box .tl{background-position: left top;}
.box .tr{background-position: right top;}
.box .bl{background-position: left bottom;}
.box .br{background-position: right bottom;}
.box .br,.box .tr{float:right;}
.box .bl,.box .br{margin-top:-10px;}
.box .top{background-position:center top;}
.box .bottom{background-position:center bottom;}
/* complex */
.complex{overflow:hidden;}
.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;overflow:hidden;}
.complex .bl, .complex .br{/*margin-top:0;*/}
.complex .top{height:5px;}
.complex .bottom{height:5px;/*margin-top:-10px;*/}
/* pop */
.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:10px;}
.pop .tl, .pop .br{display:none;}
.pop .bl{bottom:-10px;}
.pop .tr{right:-10px;}
\ No newline at end of file
prive/themes/spip/box_skins.css.html
+ 103
− 121
Voir le fichier @ ef7ac419
...@@ -10,22 +10,20 @@ ...@@ -10,22 +10,20 @@
Organisation du fichier : Organisation du fichier :
0. Variables 0. Variables
1. Base lib 1. Layout et rythme vertical
2. Layout et rythme vertical 2. Base graphique commune
3. Base graphique commune 3. Variantes principales
4. Variantes principales 4. Variantes d'états
5. Variantes d'états 5. Autres variantes
6. Autres variantes 6. Cas particuliers
7. Cas particuliers 7. Déprécations
8. Déprécations
Markup : Markup :
.box .box
.inner .box__header
.hd (header) .box__body
.bd (body) .box__footer
.ft (footer)
<style>] <style>]
#CACHE{3600*100,cache-client} #CACHE{3600*100,cache-client}
...@@ -71,17 +69,9 @@ ...@@ -71,17 +69,9 @@
} }
/**
* ===========
* 1. Base lib
* ===========
*/
[(#INCLURE{prive/themes/spip/box.css})]
/** /**
* ============================ * ============================
* 2. Layout et rythme vertical * 1. Layout et rythme vertical
* ============================ * ============================
*/ */
...@@ -95,79 +85,78 @@ ...@@ -95,79 +85,78 @@
Plus tard il faudra se baser sur spip-spacing-y quand ça sera au point. Plus tard il faudra se baser sur spip-spacing-y quand ça sera au point.
Pour l'instant on laisse la valeur historique. */ Pour l'instant on laisse la valeur historique. */
.box { .box {
margin: calc(var(--spip-margin-bottom) * 1.5) 0;
}
.box .inner {
position: relative; position: relative;
margin: calc(var(--spip-margin-bottom) * 1.5) 0;
} }
/* Même padding partout, sauf footer */ /* Même padding partout, ajusté pour le footer */
.box .bd, .box .hd, .box .ft { .box__header, .box__body, .box__footer {
position: relative; position: relative;
padding: var(--spip-box-spacing-y) var(--spip-box-spacing-x); padding: var(--spip-box-spacing-y) var(--spip-box-spacing-x);
} }
.box .ft { .box__footer {
padding-top: calc(var(--spip-box-spacing-y) / 2); padding-top: calc(var(--spip-box-spacing-y) / 2);
padding-bottom: calc(var(--spip-box-spacing-y) / 2); padding-bottom: calc(var(--spip-box-spacing-y) / 2);
} }
/* Annuler marges inutiles au début et à la fin */ /* Annuler marges inutiles au début et à la fin */
.box .bd > :first-child, .box__body > :first-child,
.box .bd > :first-child > :first-child { .box__body > :first-child > :first-child {
margin-top: 0; margin-top: 0;
} }
.box .bd > :last-child { .box__body > :last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.box .hd h1, .box .hd h2, .box .hd h3, .box .hd h4, .box .hd h5, .box .hd h6 { .box__header h1, .box__header h2, .box__header h3, .box__header h4, .box__header h5, .box__header h6 {
margin-bottom: 0; margin-bottom: 0;
} }
.box .ft .btn, .box__footer .btn,
.box .ft button, .box__footer button,
.box .ft .groupe-btns { .box__footer .groupe-btns {
margin-bottom: 0; margin-bottom: 0;
} }
/** /**
* ========================= * =========================
* 3. Base graphique commune * 2. Base graphique commune
* ========================= * =========================
*
* Nb : les styles s’appliquent au .inner, pas sur le .box lui-même.
*/ */
/* Conteneur interne */ /* Conteneur + obligé de reset les vieux messages d'alertes */
.box .inner { .box,
background-color: var(--spip-color-white); .box.notice, .box.error, .box.success {
transition: box-shadow 0.2s; background: var(--spip-color-white);
padding: 0;
border-radius: var(--spip-box-border-radius); border-radius: var(--spip-box-border-radius);
border: 0; border: 0;
box-shadow: var(--spip-box-shadow); box-shadow: var(--spip-box-shadow);
color: var(--spip-color-black);
transition: box-shadow 0.2s;
} }
.box .inner:hover, .box:hover,
.box .inner:focus-within { .box:focus-within {
box-shadow: var(--spip-box-shadow-hover); box-shadow: var(--spip-box-shadow-hover);
} }
/* Header */ /* Header */
.box .hd { .box__header {
border-top-left-radius: inherit; border-top-left-radius: inherit;
border-top-right-radius: inherit; border-top-right-radius: inherit;
border-bottom: 1px solid var(--spip-box-sep-color); border-bottom: 1px solid var(--spip-box-sep-color);
} }
/* Body : sans titre et/ou sans footer, ajuster l'arrondi */ /* Body : sans titre et/ou sans footer, ajuster l'arrondi */
.box .bd:first-child { .box__body:first-child {
border-top-left-radius: var(--spip-box-border-radius); border-top-left-radius: var(--spip-box-border-radius);
border-top-right-radius: var(--spip-box-border-radius); border-top-right-radius: var(--spip-box-border-radius);
} }
.box .bd:only-child { .box__body:only-child {
border-bottom-left-radius: var(--spip-box-border-radius); border-bottom-left-radius: var(--spip-box-border-radius);
border-bottom-right-radius: var(--spip-box-border-radius); border-bottom-right-radius: var(--spip-box-border-radius);
} }
/* Footer */ /* Footer */
.box .ft { .box__footer {
border-bottom-left-radius: inherit; border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit; border-bottom-right-radius: inherit;
background-color: var(--spip-color-gray-lightest); background-color: var(--spip-color-gray-lightest);
...@@ -175,10 +164,10 @@ ...@@ -175,10 +164,10 @@
} }
/* Titres /* Titres
Règle : avec le h3 par défaut on raccorde avec les titres des formulaires (taille, graisse, …). Règle : si h3, c'est le style par défaut, et on mutualise avec les titres des formulaires (taille, graisse, …).
Si on veut forcer avec une autre balise (h2…), utilisez la variante .titrem sur le header. */ Si autre balise et qu'on veut forcer le style par défaut, utiliser la variante .titrem sur le header. */
.box .hd h3, .box__header h3,
.box .hd.titrem h1, .box .hd.titrem h2, .box .hd.titrem h3, .box .hd.titrem h4, .box .hd.titrem h5, .box .hd.titrem h6, .box__header.titrem h1, .box__header.titrem h2, .box__header.titrem h3, .box__header.titrem h4, .box__header.titrem h5, .box__header.titrem h6,
.formulaire_spip .titrem { .formulaire_spip .titrem {
font-size: calc(1em * var(--spip-form-titrem-factor)); font-size: calc(1em * var(--spip-form-titrem-factor));
font-weight: 800; font-weight: 800;
...@@ -189,7 +178,7 @@ ...@@ -189,7 +178,7 @@
.lat .box { .lat .box {
font-size: 0.95em; font-size: 0.95em;
} }
.lat .box .hd h1, .lat .box .hd h2, .lat .box .hd h3, .lat .box .hd h4, .lat .box .hd h5, .lat .box .hd h6, .lat .box__header h1, .lat .box__header h2, .lat .box__header h3, .lat .box__header h4, .lat .box__header h5, .lat .box__header h6,
.lat .formulaire_spip .titrem { .lat .formulaire_spip .titrem {
font-size: 1em; font-size: 1em;
} }
...@@ -197,105 +186,98 @@ ...@@ -197,105 +186,98 @@
/** /**
* ======================== * ========================
* 4. Variantes principales * 3. Variantes principales
* ======================== * ========================
*/ */
/* Simple */ /* Simple */
.box.simple .inner { .box.simple {
background-color: var(--spip-color-white); background-color: var(--spip-color-white);
} }
/* Info */ /* Info */
.box.info .inner { .box.info {
border: 3px solid var(--spip-color-theme-light); border: 3px solid var(--spip-color-theme-light);
background-color: var(--spip-color-white); background-color: var(--spip-color-white);
} }
/* Note */ /* Note */
.box.note .inner { .box.note {
border: 3px solid var(--spip-color-theme-lighter); border: 3px solid var(--spip-color-theme-lighter);
background-color: var(--spip-color-theme-lightest); background-color: var(--spip-color-theme-lightest);
} }
/* Raccourcis */ /* Raccourcis */
.box.raccourcis .inner { .box.raccourcis {
border-bottom: 1px solid hsla(0, 0%, 0%, 0.1); border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
background-color: var(--spip-color-gray-lighter); background-color: var(--spip-color-gray-lighter);
} }
/* Important */ /* Important */
.box.important .inner { .box.important {
border: 3px solid var(--spip-color-theme); border: 3px solid var(--spip-color-theme);
background: var(--spip-color-white); background: var(--spip-color-white);
} }
/* Highlight */ /* Highlight */
.box.highlight .inner { .box.highlight {
background-color: var(--spip-color-theme-light); background-color: var(--spip-color-theme-light);
} }
.box.highlight .hd { .box.highlight .box_header {
border-bottom-color: var(--spip-box-sep-color); border-bottom-color: var(--spip-box-sep-color);
} }
.box.highlight .hd * { .box.highlight .box_header * {
color: inherit; color: inherit;
} }
/* Inverse */ /* Inverse */
.box.inverse .inner { .box.inverse {
background-color: var(--spip-color-gray-darker); background-color: var(--spip-color-gray-darker);
color: var(--spip-color-white); color: var(--spip-color-white);
} }
.box.inverse .hd { .box.inverse .box__header {
border-bottom-color: var(--spip-box-sep-color-inverse); border-bottom-color: var(--spip-box-sep-color-inverse);
} }
.box.inverse .hd * { .box.inverse .box__header * {
color: inherit; color: inherit;
} }
/** /**
* ==================== * ====================
* 5. Variantes d'états * 4. Variantes d'états
* ==================== * ====================
*/ */
/* Reset des styles des "messages" qui sont pour l'instant dans forms.css */
.box.notice, .box.error, .box.success {
border: 0;
background: transparent;
padding: 0;
color: inherit;
}
/* Icône centrée verticalement dans le header */ /* Icône centrée verticalement dans le header */
.box.notice .hd, .box.error .hd, .box.success .hd, .box.notice .box__header, .box.error .box__header, .box.success .box__header,
.box.notice .bd, .box.error .bd, .box.success .bd { .box.notice .box__body, .box.error .box__body, .box.success .box__body {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: var(--spip-box-iconsize); background-size: var(--spip-box-iconsize);
background-position: var(--spip-left) var(--spip-box-spacing-x) center; background-position: var(--spip-left) var(--spip-box-spacing-x) center;
} }
/* Décommenter s'il faut centrer l'icône sur la 1ère ligne de texte dans le body */ /* Décommenter s'il faut centrer l'icône sur la 1ère ligne de texte dans le body */
/*.notice .bd, .error .bd, .success .bd { /*.notice .box__body, .error .box__body, .success .box__body {
background-position: var(--spip-left) var(--spip-box-spacing-x) top calc(var(--spip-box-spacing-y) - ((var(--spip-box-iconsize) - var(--spip-line-height)) / 2)); background-position: var(--spip-left) var(--spip-box-spacing-x) top calc(var(--spip-box-spacing-y) - ((var(--spip-box-iconsize) - var(--spip-line-height)) / 2));
}*/ }*/
/* Espacement pour l'icône selon qu'elle soit dans le header ou dans le body */ /* Espacement pour l'icône selon qu'elle soit dans le header ou dans le body */
.box.notice .hd, .box.error .hd, .box.success .hd, .box.notice .box__header, .box.error .box__header, .box.success .box__header,
.box.notice .bd:first-child, .box.error .bd:first-child, .box.success .bd:first-child { .box.notice .box__body:first-child, .box.error .box__body:first-child, .box.success .box__body:first-child {
padding-#LEFT: calc(var(--spip-box-iconsize) + (var(--spip-box-spacing-x) * 2)); padding-#LEFT: calc(var(--spip-box-iconsize) + (var(--spip-box-spacing-x) * 2));
} }
/* Bordure sur le côté */ /* Bordure sur le côté */
.box.notice .hd, .box.error .hd, .box.success .hd, .box.notice .box__header, .box.error .box__header, .box.success .box__header,
.box.notice .bd, .box.error .bd, .box.success .bd, .box.notice .box__body, .box.error .box__body, .box.success .box__body,
.box.notice .ft, .box.error .ft, .box.success .ft { .box.notice .box__footer, .box.error .box__footer, .box.success .box__footer {
border-#LEFT: var(--spip-box-highlightsize) solid transparent; border-#LEFT: var(--spip-box-highlightsize) solid transparent;
} }
/* Mini hack : sous le header on met la bordure basse en pseudo pour ne pas empiéter la bordure latérale colorée */ /* Mini hack : sous le header on met la bordure basse en pseudo pour ne pas empiéter la bordure latérale colorée */
.box.notice .hd, .box.error .hd, .box.success .hd { .box.notice .box__header, .box.error .box__header, .box.success .box__header {
border-bottom: 0; border-bottom: 0;
} }
.box.notice .hd:before, .box.error .hd:before, .box.success .hd:before { .box.notice .box__header:before, .box.error .box__header:before, .box.success .box__header:before {
content: ""; content: "";
display: block; display: block;
z-index: 2; z-index: 2;
...@@ -307,48 +289,48 @@ ...@@ -307,48 +289,48 @@
} }
/* Notice */ /* Notice */
.box.notice .hd, .box.notice .box__header,
.box.notice .bd { .box.notice .box__body {
border-#LEFT-color: hsl(var(--spip-color-notice--h), var(--spip-color-notice--s), 60%); border-#LEFT-color: hsl(var(--spip-color-notice--h), var(--spip-color-notice--s), 60%);
} }
.box.notice .ft { .box.notice .box__footer {
border-#LEFT-color: hsl(var(--spip-color-notice--h), var(--spip-color-notice--s), 50%); border-#LEFT-color: hsl(var(--spip-color-notice--h), var(--spip-color-notice--s), 50%);
} }
.box.notice .hd, .box.notice .box__header,
.box.notice .bd:first-child { .box.notice .box__body:first-child {
background-image: url(#CHEMIN_IMAGE{warning-32.png}); background-image: url(#CHEMIN_IMAGE{warning-32.png});
} }
/* Erreur */ /* Erreur */
.box.error .hd, .box.error .box__header,
.box.error .bd { .box.error .box__body {
border-#LEFT-color: hsl(var(--spip-color-error--h), var(--spip-color-error--s), 60%); border-#LEFT-color: hsl(var(--spip-color-error--h), var(--spip-color-error--s), 60%);
} }
.box.error .ft { .box.error .box__footer {
border-#LEFT-color: hsl(var(--spip-color-error--h), var(--spip-color-error--s), 50%); border-#LEFT-color: hsl(var(--spip-color-error--h), var(--spip-color-error--s), 50%);
} }
.box.error .hd, .box.error .box__header,
.box.error .bd:first-child { .box.error .box__body:first-child {
background-image: url(#CHEMIN_IMAGE{erreur-32.png}); background-image: url(#CHEMIN_IMAGE{erreur-32.png});
} }
/* Succès */ /* Succès */
.box.success .hd, .box.success .box__header,
.box.success .bd { .box.success .box__body {
border-#LEFT-color: hsl(var(--spip-color-success--h), var(--spip-color-success--s), 55%); border-#LEFT-color: hsl(var(--spip-color-success--h), var(--spip-color-success--s), 55%);
} }
.box.success .ft { .box.success .box__footer {
border-#LEFT-color: hsl(var(--spip-color-success--h), var(--spip-color-success--s), 48%); border-#LEFT-color: hsl(var(--spip-color-success--h), var(--spip-color-success--s), 48%);
} }
.box.success .hd, .box.success .box__header,
.box.success .bd:first-child { .box.success .box__body:first-child {
background-image: url(#CHEMIN_IMAGE{ok-32.png}); background-image: url(#CHEMIN_IMAGE{ok-32.png});
} }
/** /**
* =================== * ===================
* 6. Autres variantes * 5. Autres variantes
* =================== * ===================
*/ */
...@@ -357,40 +339,40 @@ ...@@ -357,40 +339,40 @@
Peut se conjuguer aux autres quand on veut forcer. Peut se conjuguer aux autres quand on veut forcer.
Certaines le sont d'office, notamment les boîtes imbriquées. Certaines le sont d'office, notamment les boîtes imbriquées.
Une bordure est ajoutée si nécessaire. */ Une bordure est ajoutée si nécessaire. */
.box.flat .inner, .box.flat,
.box.info:not(.pop) .inner, .box.info:not(.pop),
.box.note:not(.pop) .inner, .box.note:not(.pop),
.box.important:not(.pop) .inner, .box.important:not(.pop),
.box.raccourcis:not(.pop) .inner, .box.raccourcis:not(.pop),
.box .box:not(.pop) .inner /* imbriquées */ .box .box:not(.pop) /* imbriquées */
{ {
box-shadow: none !important; box-shadow: none !important;
} }
.box.simple.flat .inner, .box.simple.flat,
.box.notice.flat .inner, .box.notice.flat,
.box.error.flat .inner, .box.error.flat,
.box.success.flat .inner, .box.success.flat,
.box .box.simple:not(.pop) .inner, /* imbriquées */ .box .box.simple:not(.pop), /* imbriquées */
.box .box.notice:not(.pop) .inner, .box .box.notice:not(.pop),
.box .box.error:not(.pop) .inner, .box .box.error:not(.pop),
.box .box.success:not(.pop) .inner { .box .box.success:not(.pop) {
border: 1px solid var(--spip-box-border-color); border: 1px solid var(--spip-box-border-color);
} }
/* pop : avec une ombre portée. /* pop : avec une ombre portée.
Peut se conjuguer aux autres quand on veut forcer */ Peut se conjuguer aux autres quand on veut forcer */
.box.pop .inner { .box.pop {
box-shadow: var(--spip-box-shadow); box-shadow: var(--spip-box-shadow);
} }
.box.pop .inner:hover, .box.pop:hover,
.box.pop .inner:focus-within { .box.pop:focus-within {
box-shadow: var(--spip-box-shadow-hover); box-shadow: var(--spip-box-shadow-hover);
} }
/** /**
* =================== * ===================
* 7. Cas particuliers * 6. Cas particuliers
* =================== * ===================
*/ */
...@@ -399,12 +381,12 @@ ...@@ -399,12 +381,12 @@
* Menu des rubriques dépliables sur la home * Menu des rubriques dépliables sur la home
* (voir aussi styles boîtes dépliables plus bas) * (voir aussi styles boîtes dépliables plus bas)
*/ */
.box.sous-rub .inner { .box.sous-rub {
background-color: var(--spip-color-theme-lighter); background-color: var(--spip-color-theme-lighter);
box-shadow: none !important; box-shadow: none !important;
} }
/* titre */ /* titre */
.box.sous-rub .hd { .box.sous-rub .box__header {
padding: 0; /* padding dans le titre cliquable plutôt */ padding: 0; /* padding dans le titre cliquable plutôt */
border-bottom: 0; border-bottom: 0;
} }
...@@ -424,7 +406,7 @@ ...@@ -424,7 +406,7 @@
.box.sous-rub .titrem:not(.deplie):focus { .box.sous-rub .titrem:not(.deplie):focus {
border-radius: var(--spip-box-border-radius); border-radius: var(--spip-box-border-radius);
} }
.box.sous-rub .hd .logo { .box.sous-rub .box__header .logo {
float: var(--spip-right); float: var(--spip-right);
margin: 1px 5px 0; margin: 1px 5px 0;
margin-#ENV{right}: -9px; margin-#ENV{right}: -9px;
...@@ -433,7 +415,7 @@ ...@@ -433,7 +415,7 @@
border-top-#RIGHT-radius:5px; border-top-#RIGHT-radius:5px;
} }
/* Body */ /* Body */
.box.sous-rub .bd { .box.sous-rub .box__body {
padding: 0; padding: 0;
border-top: 0; border-top: 0;
} }
...@@ -474,7 +456,7 @@ ...@@ -474,7 +456,7 @@
/** /**
* =============== * ===============
* 8. Déprécations * 7. Déprécations
* =============== * ===============
* Vieilles boîtes dépliables/repliables encore maintenues mais dépréciées * Vieilles boîtes dépliables/repliables encore maintenues mais dépréciées
* Exemple : menu des rubriques dépliables sur la home (utilisé ailleurs ?) * Exemple : menu des rubriques dépliables sur la home (utilisé ailleurs ?)
......
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter

Forge communautaire SPIP | Charte d'utilisation | Signaler un problème sur ce site