administrate materialize theme

Materialise 테마 관리

Materialise 프레임워크를 기반으로 하는 관리용 머티리얼 테마입니다.

특징:

• 설치가 쉽고 CSS/JS를 포함하여 기본 관리 구조에 테마를 적용하기만 하면 됩니다.
• 머티리얼 디자인 반응형 테마;
• SASS 변수를 통해 사용자 정의 가능
• 관리자에서 Materialize 구성 요소를 사용할 수 있도록 허용합니다.

마음에 드시면 부탁드립니다.

설치

• Gemfile에 SASS/SCSS gem을 추가하세요(예: gem 'sassc' )
• 관리를 설치한 후 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' % > 

사용자 정의

Materialize 변수를 변경하려면 다음과 같은 새 .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 라이선스 조건에 따라 오픈 소스로 제공됩니다.