Changeset 93696 in spip-zone

Timestamp:

Dec 15, 2015, 11:52:25 AM (5 years ago)

Author:

cedric@…

Message:

le plugin BS3 est capable d'accepter un fichier variables.less au format BS2, en mappant au mieux les variables BS3 sur les variables BS2 existantes. Permet de faire fonctionner avec BS3 un site ou un theme developpe en BS2. Toutefois la grille ayant fortement change, les alignements ne sont pas forcement nickels, on y reviendra

Location:

_plugins_/bootstrap/trunk

Files:

• bootstrap2spip/css/box.less (modified) (1 diff)
• bootstrap2spip/css/spip.list.less (modified) (1 diff)
• bootstrap2spip/css/spip.variables.less (modified) (1 diff)
• bootstrap2spip/css/variables-translatebs2.less (added)
• paquet.xml (modified) (1 diff)

_plugins_/bootstrap/trunk/bootstrap2spip/css/box.less

@@ -1 @@
-@import "css/variables.less";
+@import "css/spip.variables.less";
 
 /*

_plugins_/bootstrap/trunk/bootstrap2spip/css/spip.list.less

@@ -3 +3 @@
 /* ------------------------------------------ */
 
-@import "css/variables.less";
 @import "css/spip.variables.less";
 @import "css/mixins.less";

_plugins_/bootstrap/trunk/bootstrap2spip/css/spip.variables.less

@@ +1 @@
+// si on a un fichier variables.less BS2, faire un mapping des variables BS3 dessus
+// on predefinit @bodyBackground pour voir si il va etre surcharge par une couleur
+// dans ce cas c'est un fichier de variables BS2 a convertir, on importe css/variables-bs2tobs3.less
+@bodyBackground:0;
+@bs-variables-version:3;
+@import "css/variables.less";
+.translate_variables() when (iscolor(@bodyBackground)) {
+        @import "css/variables-translatebs2.less";
+        @bs-variables-version:2;
+}
+.translate_variables() when (@bodyBackground=0){
+        @paddingLarge : @padding-large-vertical @padding-large-horizontal;
+        @paddingSmall: @padding-small-vertical @padding-small-horizontal;
+        @paddingMini: @padding-xs-vertical @padding-xs-horizontal;
+
+        @gridColumnWidth: @container-md / @grid-columns - @grid-gutter-width;
+        @gridColumnWidth768: @container-sm / @grid-columns - @grid-gutter-width;
+        @gridColumnWidth1200: @container-lg / @grid-columns - @grid-gutter-width;
+}
+
+.translate_variables();
+
+#logo_site_spip {line-height: @bs-variables-version !important;}
+
+
 // Compatibilite mini BS2/BS3
 .border-radius(@border-radius) {
         border-radius: @border-radius;
 }
-
-@paddingLarge : @padding-large-vertical @padding-large-horizontal;
-@paddingSmall: @padding-small-vertical @padding-small-horizontal;
-@paddingMini: @padding-xs-vertical @padding-xs-horizontal;
-
-@gridColumnWidth: @container-md / @grid-columns - @grid-gutter-width;
-@gridColumnWidth768: @container-sm / @grid-columns - @grid-gutter-width;
-@gridColumnWidth1200: @container-lg / @grid-columns - @grid-gutter-width;
 
 // Sprite icons path

_plugins_/bootstrap/trunk/paquet.xml

@@ -2 +2 @@
         prefix="bootstrap3"
         categorie="outil"
-        version="3.0.2"
+        version="3.0.3"
         etat="test"
         compatibilite="[3.0.2;3.1.*]"