Foundation6 bas hors toile redimensionner CSS

Je veux changer la hauteur hors-toile de mon fond, mais je n'utilise que css et pas sass. Comment puis-je le faire?Foundation6 bas hors toile redimensionner CSS

Source

2017-02-23 gabor aron

sur la base des documents que je pense que cela va faire le travail:

Dans votre apps.css personnalisé:

.off-canvas.position-bottom{ 
    height: 150px; 
    transform: translateY(150px); 
    }

Edit:

Ceci est l'exemple exact sur ce que je l'ai testé avant affichage ... encore une fois ... à moi fonctionne ... l'exemple est hazadous, mais ce n'est pas long et il est facile à comprendre, je laisse seulement le fond hors-toile

<html>

<link rel="stylesheet" type="text/css" href="foundation.min.css"> 

<style type="text/css"> 

    .fill{ 
     height: 400px; 
     width: 200px; 
     background-color: red; 
     display: block; 
    } 
    .off-canvas-wrapper{ 
     height: 1500px; 
     width: 400px; 
    } 

    .position-bottom{ 
     height: 50px; 
    } 

</style>

<div class="off-canvas-wrapper"> 

    <div class="off-canvas position-bottom" id="offCanvasBottom1" data-off-canvas> 
     <div class='fill'></div> 
    </div> 

    <div class="off-canvas-content" data-off-canvas-content> 
     <button type="button" class="button" data-toggle="offCanvasLeft1">Open Left</button> 
     <button type="button" class="button" data-toggle="offCanvasRight1">Open Right</button> 
     <button type="button" class="button" data-toggle="offCanvasTop1">Open Top</button> 
     <button type="button" class="button" data-toggle="offCanvasBottom1">Open Bottom</button> 
    </div> 

</div> 

<script src="js/vendor/jquery.js"></script> 
<script src="js/vendor/what-input.js"></script> 
<script src="js/vendor/foundation.js"></script> 
<script src="js/app.js"></script>

Source

2017-02-25 10:39:29 Brada

Ce ne fonctionne pas pour moi. J'ai essayé sur les derniers Chrome et Firefox sur Ubuntu 16.04 Sur Chrome rien n'a changé, sur Firefox je ne peux même pas voir le petit hors-toile. –

Vous avez fait une erreur je pense ... Il devrait être travaillé sans faille – Brada

J'ai édité ma réponse ... aussi, vérifiez la page officielle, avec l'inspecteur, ... là vous pouvez voir que javascript ajoute sur le décalage d'une classe: " is-open "qui écrase seulement la méthode de transformation. – Brada

Foundation6 bas hors toile redimensionner CSS

Répondre

Questions connexes