-
Notifications
You must be signed in to change notification settings - Fork 55
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: make pagination-nav arrows stylizable #196
feat: make pagination-nav arrows stylizable #196
Conversation
✔️ Deploy Preview for infima ready! 🔨 Explore the source changes: d124f0c 🔍 Inspect the deploy log: https://app.netlify.com/sites/infima/deploys/61b733e824d96800083542af 😎 Browse the preview: https://deploy-preview-196--infima.netlify.app |
content: '« ' | ||
} | ||
|
||
&__item--next &__label::after { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Same as above -- put it inside into the already existing rule on 25 line.
@lex111 I followed the suggestion with |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It's all right, thanks!
Hey I'm not against this change, but IMHO it won't solve your use-case At most you would be able to do: And not: (which should rather be handled with swizzle IMHO) @lex111 feel free to merge if you consider it's a good improvement |
@slorber well, I'm just disabling those |
Yep, it's still a good improvement since it allows to control the arrow in pagination links. |
This issue stems from: facebook/docusaurus#6053
Short summary:
I'd like to stylize the
pagination-nav
so it looks like this:The problem is that the arrows
»
are just inlined into the markup and cannot be hidden via CSS:This is why I move them to
::before
and::after
pseudo-elements, so that later on I am able to hide them completely and continue my styling described above.