Skip to content
This repository has been archived by the owner on Dec 5, 2022. It is now read-only.

refactor(style): enhance sass customizability #31

Merged
merged 1 commit into from
Nov 8, 2017

Conversation

rbarilani
Copy link
Contributor

@rbarilani rbarilani commented Nov 6, 2017

related somehow to #25

  • use "brilliant" orange (same color of the logo) as primary color by default
  • publish also .scss source files on npm to allow importing sass version and let the user"compile it", mostly to override variables or reuse them
  • move entry point for sass in the the top folder so is easier to include

why?

Sometimes you want to tweak the style of the theme and a nice way to do it is using sass + hexo.
This PR makes it possible. When this PR is eventually merge and published the user can:

install the sass render

$ npm install hexo-renderer-sass --save

tweak and compile the style, with:

source/style/doc.scss

$doc-color-primary: red;

@import '../../node_modules/hexo-theme-doc/doc';

this will override the orginal stylesheet provided by the theme (style/doc.css) with user tweaked and compiled version where the primary color (eg. for navigation links) is "red".

* publish also .scss source files on npm to allow importing sass version and let the user"compile it", mostly  to override variables or reuse them

* use "brilliant" orange (same color of the logo) as primary color by default
@rbarilani
Copy link
Contributor Author

👍

1 similar comment
@bhaskarmelkani
Copy link
Contributor

👍

@bhaskarmelkani bhaskarmelkani merged commit 23a2c4b into master Nov 8, 2017
@bhaskarmelkani bhaskarmelkani deleted the sass-customizable branch November 8, 2017 14:19
# for free to subscribe to this conversation on GitHub. Already have an account? #.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants