-
Notifications
You must be signed in to change notification settings - Fork 9
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
Pager styled with design tokens #106
Conversation
…-ds/emulsify-ui-kit into pager-styled-with-design-tokens
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.
@mariannuar I have a couple of questions that I am curious about. This code is approved.
* @see template_preprocess_pager() | ||
*/ | ||
#} | ||
{% set pager__base_class = 'pager' %} |
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.
What do you think about making this pager__base_class = pager__base_class|default('pager')
to make it easy to override the base class?
{% if items.previous %} | ||
<li {{ bem('item', ['prev'], pager__base_class) }}> | ||
<a {{ bem('link', ['prev'], pager__base_class) }} href="{{ items.previous.href }}" title="{{ 'Go to previous page'|t }}" rel="prev"{{ items.previous.attributes|without('href', 'title', 'rel') }}> | ||
<span {{ bem('visually-hidden') }}>{{ 'Previous page'|t }}</span> |
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.
If we are only adding a single class, should the span be <span class="visually-hidden">
without the bem function? No need to change it. I'm just curious about the answer to the question.
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.
@amazingrando Oh! I just copy-paste what it was already of the compound components. That's why it's like that, but you're right
Description
This PR styled the Pager component with design tokens
How to review this pull request
npm run develop
Closes #96