Question

在laravel 7应用程序的resources / sass / app.scss文件中，我可以将resource / sass / _variables.scss中定义的变量引用为：

@import 'variables';
...
.page_content_container {
    @if ($debug_mode) {
        border: 3px dotted yellow;
    }
...

但是我在刀片文件的样式块中没有做同样的事情：

<style>
    @import 'variables';
    
    
    .input_group_label {
        @if ($debug_mode) {
            border: 2px dotted green ;
        }
        width: 25%;
    }

我遇到了错误：

syntax error, unexpected end of file, expecting elseif (T_ELSEIF) or else (T_ELSE) or endif (T_ENDIF)

我该怎么办？

修改的＃2块：

我在resources / views / livewire / auth / profile.blade.php中进行了修改：

<style>
    @import '/resources/sass/_variables.scss';
    
    
    .input_group_label {
    
        @if ($debug_mode)
            border: 2px dotted green ;
        @endif
        width: 25%;
    
    }

    .input_group_content {
        @if ($debug_mode)
            border: 2px dotted red;
        @endif
    }

</style>

但是接下来我遇到了错误：

Undefined variable: debug_mode

debug_mode var是在resources / sass / _variables.scss中定义的：

...

$debug_mode: false;

怎么了？

谢谢！

Answer 1

您忘了添加@endif，像这样使用

.input_group_label {
        @if ($debug_mode) {
            border: 2px dotted green ;
        }
    @endif
        width: 25%;
    }

如何在_variables.scss的刀片文件中使用变量？

1 个答案: