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 授權條款作為開源提供。