如何在 laravel 的 .css 文件中使用配置文件值答案

【问题标题】：how to use config file values in .css file in laravel如何在 laravel 的 .css 文件中使用配置文件值
【发布时间】：2021-11-04 03:15:10
【问题描述】：

我想在我的 .css 文件中使用 Laravel 配置文件值来自定义一些颜色，我该怎么做？或许这是不可能的。我希望我的问题很清楚谢谢。

我的配置文件

return [
'custom' => [
    'mainLayoutType' => 'horizontal',
    'theme' => 'light',
    'sidebarCollapsed' => false,
    'navbarColor' => '',
    'navbarTextColor' => '#ffffff',
],

];

我的 CSS

.header-navbar .navbar-container ul.nav li > a.nav-link {
  color: #ffffff;
  padding: 1.6rem 1rem 1.35rem 0.5rem;
}

我想做的是这样的

.header-navbar .navbar-container ul.nav li > a.nav-link {
  color: config('custom.navbarTextColor');
  padding: 1.6rem 1rem 1.35rem 0.5rem;
}

【问题讨论】：

标签： css laravel config

【解决方案1】：

您不能将它添加到 CSS 文件甚至 SCSS 文件中。它必须是 PHP 的。

想到了两种解决方案

最简单的方法是将配置中的 css 添加到刀片文件中的 <style> 标记中。

最困难的方法是通过路由 (/style.css) 返回一个 css 文件。类似：

刀片文件 (css.blade.php)

.header-navbar .navbar-container ul.nav li > a.nav-link {
    color: {{config('custom.navbarTextColor')}};
    padding: 1.6rem 1rem 1.35rem 0.5rem;
}

路线

Route::get('/style.css', function() {
    return View::response('css')->header('Content-Type', 'text/css');
});

【讨论】：

感谢帮助，我使用了第一个解决方案@N69D

【解决方案2】：

您可以通过 php 为您的根 html 元素动态添加类，然后根据该样式在您的 css 中编写样式。

例子：

<body>
  <main class="{{ config('theme') }}">
     ...
  </main>
</body>

【讨论】：

感谢@Mario 的帮助