Forum CMS Made Simple Francophone

Aide francophone sur CMS Made Simple

Vous n'êtes pas identifié(e).

Annonce

ATTENTION

  • Prenez le temps de rechercher si quelqu'un n'a pas déjà proposé une solution à votre problème. Sur le forum français et sur le wiki
  • Pensez à mettre à jour votre version de CMS Made Simple. Nous ne faisons de support que sur LA dernière version de CMS Made Simple.
  • Renseignez impérativement le formulaire de nouveau message de manière la plus complète que possible. Dans votre CMS utiliser le menu Administration du site/Informations du système en haut Vue au format texte. Ces informations demandées nous permettent de mieux vous aider
  • Ajoutez [Résolu] au début du titre de votre 1er message lorsqu'une solution a été trouvée.

#1 20/06/2017 18:11:19

cyrcle
Membre
Inscription : 04/01/2017
Messages : 41

CSSPreprocessor + Foundation Motion UI

Bonjour,

Quelqu'un a-t-il réussi à faire fonctionner Foundation Motion UI avec CSSPreprocessor ?
Le CSS généré pour Foundation est bon, mais il est incomplet pour ce qui concerne Motion UI.

Toutes mes dépendances SCSS se chargent correctement avec les instructions suivantes :
@import 'settings';
@import 'foundation';
@include foundation-everything(true);
@import 'motion-ui';


Exemple pour une transition:

[== CSS ==]
#logo { @include mui-fade (in, $ duration: 4s); }

Le CSS obtenu est :

[== CSS ==]
.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transition-duration: 4s; opacity: 0; transition-property: opacity; } .mui-enter.mui-enter-active { opacity: 1; }

Il manque le sélecteur ID. Le CSS devrait être :

[== CSS ==]
#logo.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transition-duration: 4s; opacity: 0; transition-property: opacity; } #logo.mui-enter.mui-enter-active { opacity: 1; }

Exemple pour une animation :

[== CSS ==]
h1 { @include mui-animation(fade(0, 1)); animation-duration: 4s; }

Le CSS obtenu est :

[== CSS ==]
h1 { animation-name: fade-0-to-100; animation-duration: 4s; }
@keyframes fade-0-to-100 { { opacity: 0; } { opacity: 1; } }

Il manque le poucentage pour des 1ere et 2eme keyframes. Le CSS devrait être :

[== CSS ==]
@keyframes fade-0-to-100 { 0% { opacity: 0; } 100% { opacity: 1; } }

Si quelqu'un a une piste, je prends.
Merci.

Hors ligne

#2 21/06/2017 09:04:56

airelibre
Administrateur
Lieu : Alsace
Inscription : 01/12/2009
Messages : 1 184
Site Web

Re : CSSPreprocessor + Foundation Motion UI

Hello,

regarde s'il y a une variation entre la version Sass CLI et Sass PHP - il m'est déjà arrivé d'avoir des petites surprises entre les deux wink

Hors ligne

#3 21/06/2017 12:21:00

cyrcle
Membre
Inscription : 04/01/2017
Messages : 41

Re : CSSPreprocessor + Foundation Motion UI

Merci pour la piste.
Là, je suis sur un hébergement OVH mutualisé, je ne peux utiliser que ScssPHP le PHP / SASS pre-processor de Leaf.
Je suis bloqué sur ce point.

Hors ligne

Pied de page des forums