Open salomoneb opened 5 years ago
Thanks for the report and I can repro that. but it only occurred in dev
.
I need some time to do investigation for that.
Can confirm this still happens in dev but the production build has styles applied correctly.
Also seeing it here.
VuePress version: 1.0.2 Your OS: Mac OS 10.14.5 Node.js version: v12.6.0 Browser version: Chrome Version 75.0.3770.142 Is this a global or local install? local Which package manager did you use for the install? yarn
Same problem when trying to override .site-name
in VuePress 1.2.0
But it also not works in production
My Reproduction:
The only way is adding !important
. I think it needs to be fixed.
Same problem when trying to override
.site-name
in VuePress 1.2.0But it also not works in production
My Reproduction:
you should use .navbar site-name
because of its nested css @ludanxer
Bug report
Certain CSS defined in /
docs/.vuepress/styles/index.styl
is overridden by the default theme styling (defined intheme/styles/index.styl
) with the latest version ofvuepress
.Similar issues were noted in #472 and #571, with different responses; however, if the purpose of
index.styl
is to override default styles and the user needs to use!important
to do so in some cases, then this should be clarified in the docs.Version
^1.0.0-alpha.28
Steps to reproduce
vuepress
instance with the following structure:index.styl
, modify the default h1 styling to:yarn docs:dev
)article 1
page and inspect theh1
heading. The background should be orange, but thefont-size
will be overridden by the theme styling:What is expected?
The styles set in
index.styl
should override the default styling. In this case, the font-size should be16px
.What is actually happening?
Styles in
theme.styl
are overridingindex.styl
.Other relevant information