Skip to content
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

Add content ol types - fixes #1940 #2123

Merged
merged 1 commit into from
Oct 7, 2018
Merged

Add content ol types - fixes #1940 #2123

merged 1 commit into from
Oct 7, 2018

Conversation

slawekrewaj
Copy link
Contributor

Add list style modifiers emulating type attribute values different then decimal to ol element in content class - fixes #1940

This is an improvement.
Currently bulma content doesn't support any way of adding semantic ol types in HTML. ol type attribute added in HTML is ignored.

Proposed solution

Add the following modifiers to content ol element:

  • is-lower-roman
  • is-upper-roman
  • is-lower-alpha
  • is-upper-alpha

Tradeoffs

This solutions is easy to use and not coupled to any other element.
It increases build time and complexity minimally.
The performance penalty should also be negligible.

Testing Done

I have created a simple content div with embedded ol element. I tried all classes and the display was correct. Example below.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hello Bulma!</title>
    <link rel="stylesheet" href="css/bulma.min.css">
  </head>
  <body>
  <section class="section">
    <div class="content">
      <ol class="is-upper-alpha">
        <li>ala</li>
        <li>ela</li>
      </ol>
    </div>
  </section>
  </body>
</html>

@r0the
Copy link

r0the commented Oct 5, 2018

Thanks, that is exactly what I need!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Support different ordered list (ol) styles
3 participants