Question

我今天升级了我的gulp-sass版本并吞下了自己，并且我遇到了Bourbon.io的问题

在Sass中，样式为：

.cd-dropdown.dropdown-is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity, visibility, -webkit-transform;
    -moz-transition: opacity, visibility, -moz-transform;
    transition: opacity, visibility, transform; }
}

它编译成：

<?php
require_once ('app/Mage.php');
Mage::app();
// Define the path to the root of Magento installation.
define('ROOT', Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_WEB));
$coreSession = Mage::getSingleton('core/session', array('name' => 'frontend'));
$customerSession = Mage::getSingleton("customer/session");
if($customerSession->isLoggedIn()) {
    echo "Customer is logged in";}
else{
    echo "Customer is not logged in";
}
?>

正如你可以看到它没有为转换增加秒数......任何人的想法？如果我将其更改为all，或者只有一个属性，它将正确编译，但如果我尝试将它链接在一起 - 它会中断。

谢谢！

Answer 1

您正在复制函数调用中的转换时间：

@include transition(opacity 0.3s 0s, ...)

您有0s和0.3s。也许这就是为什么它不起作用。我检查了transition doc，看起来你也要设置转换类型：

@include transition(opacity 0.3s ease-in 0s, ...)

Gulp-sass没有编译Bourbon.io @include Transition

1 个答案: