Giters

aaranxu / adidoks

AdiDoks is a mordern documentation theme, which is a port of the Hugo theme Doks for Zola.

Home Page:https://adidoks.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Explaination on how to use `_custom.scss` override

Esgariot opened this issue · comments

commented

There's an empty file sass/_custom.scss which looks like it should allow for some style overrides,
but I don't know how to use it, other than trying to experiment with it.

commented

In short, you can put some style codes in the file sass/_custom.scss to overwrite the codes in the style files in each subdirectory of the directory sass. For example,

in the sass/_custom.scss, line 69-73

.navbar {
  background-color: rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid $gray-200;
  margin-top: 4px;
}

If you want to change the margin-top to 10px, you can add some code as below into the sass/_custom.scss, like

.navbar {
  margin-top: 10px;
}

You can refer to https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity.

In addition, you can also add some new style codes to control the style of the element, but the other style files do not have corresponding styles.

commented

_custom.scss has no effect when I copy it from themes/adidoks/sass to /sass, and add some new style codes to it. But It's ok when I copy all subdirectory of themes/adidoks/sass to /sass. Hope to fix it, thanks.