administrate materialize theme

管理 Materialise 主题

用于管理的 Material 主题，基于 Materialise 框架。

特征：

• 易于安装，只需包含 CSS/JS 将主题应用到默认的管理结构；
• 材料设计响应式主题；
• 通过 SASS 变量可定制；
• 允许在管理中使用Materialise组件。

如果你喜欢的话请。

安装

• 将 SASS/SCSS gem 添加到您的 Gemfile（例如gem 'sassc' ）
• 安装 Administrate 后，添加到Gemfile ： gem 'administrate-materialize-theme' （并执行bundle ）
• 编辑app/assets/config/manifest.js ，在末尾添加：

 //= link administrate-materialize-theme/theme.css
//= link administrate-materialize-theme/theme.js

• 编辑app/views/layouts/admin/application.html.erb （您可以使用rails generate administrate:views:layout生成它），在头部关闭标签之前添加：

 < %= stylesheet_link_tag 'administrate-materialize-theme/theme', media: 'all' % >
< %= javascript_include_tag 'administrate-materialize-theme/theme' % > 

定制

要更改 Materialise 变量，需要创建一个新的.scss （或.sass ）文件，如下所示（例如admin.scss ）：

 // app/assets/stylesheets/admin.scss
$primary-color : #FB1 ;
@import ' administrate-materialize-theme/theme ' ;

并将application.html.erb中的链接标记替换为： <%= stylesheet_link_tag 'admin', media: 'all' %>

有关选项的完整列表，请查看此处。

额外功能

• 侧边栏示例：

 < div class =" row " >
  < div class =" col s3 " >
    < section class =" mt-sidebar z-depth-1 " >
      < h3 > Sidebar </ h3 >
      < p > Some content </ p >
    </ section >
  </ div >
  < div class =" col s9 " >
    < section class =" main-content__body main-content__body--flush " >
      <!-- ... -->
    </ section >
  </ div >
</ div > 

你喜欢它？给它加星标！

如果您使用此组件，只需为其加注星标即可。当有兴趣时，开发人员更有动力改进项目。

或者考虑请我喝杯咖啡，虽然是一件小事，但我很感激：关于我。

贡献者

• 马蒂亚·罗科伯顿：作家

执照

该 gem 根据 MIT 许可证条款作为开源提供。