jgthms / bulma

Modern CSS framework based on Flexbox
https://bulma.io
MIT License
48.77k stars 3.93k forks source link

is-offset-one-third makes only 0.3333% spacing #3814

Open naokirin opened 1 month ago

naokirin commented 1 month ago

This is about Bulma.

I am not quite sure if this is an intended feature or a bug.

Overview of the problem

This is about the Bulma CSS framework

I'm using Bulma version [1.0.0] My browser is: Google Chrome I am sure this issue is not a duplicate

Description

I expects that is-offset-on-third make one third spacing (33.3333...%), but in actually only 0.3333% spacing

Steps to Reproduce

Create your own html code.

<html>
  <head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css">
  </head>
  <body>
    <div class="columns">
      <div class="column is-one-third">first</div>
      <div class="column is-one-third is-offset-one-third">second</div>
    </div>
  </body>
</html>

Expected behavior

I expected that it make one third spacing (33.3333...%).

column-is-offset-one-third-expected

Actual behavior

It makes 0.3333% spacing.

column-is-offset-on-third-actual