Question

为我提供了一个HTML5 + CSS3和JS文件的Web应用程序一切都照常进行。

现在，我想将网站转换为ASP.NET MVC5应用程序。

我对文件general.css存有疑问，其中包含这样的变量：

public function getName(){
    try{
      return response()->json(['test','123','234']);
    } catch (Exception $exception){
      return response()->json(['error' => $exception->getMessage()], 404);
    }
}

在我的header.css中，我将此变量称为：

/*===== Css Variable =====*/

:root {
--white: #ffffff;
--primary-color-1: #118acb;
--secondary-color-1: #72305f;
--primary-hover-color-1: #0d6a9c;
--title-color-1: #333333;
--body-font-color-1: #777;
--body-font-family-1: 'Poppins';
--body-font-size-1: 16px;

--primary-color-2: #e7ad44;
--primary-hover-color-2: #dc981c;
--title-color-2: #4a4a4a;
--body-font-color-2: #8a8a8a;
--body-font-family-2: 'Roboto';
--body-font-size-2: 15px;

--primary-color-4: #ffb400;
--secondary-color-4: #005eab;
--primary-hover-color-4: #cc9000;
--title-color-4: #14141e;
--body-font-color-4: #7c7c7c;
--body-font-family-4: 'Poppins';
--body-font-size-4: 16px;
}

@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon/icomoon.eot');
src: url('../fonts/icomoon/icomoon.eot') format('embedded-opentype'),
url('../fonts/icomoon/icomoon.ttf') format('truetype'),
url('../fonts/icomoon/icomoon.woff') format('woff'),
url('../fonts/icomoon/icomoon.svg') format('svg');
font-weight: normal;
font-style: normal;
}

我正在读this post，这是mvc默认绑定的一个已知问题，无法识别此类变量。

我的问题是如何使它起作用？我应该只用gulp将此文件转换为sass / less吗？例如，其余的.css文件会从sass中“读取”那些变量吗？

CSS变量在呈现的视图中不存在

0 个答案: