search

jgthms / bulma

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

navbar-padding-vertical not in body scope #3772

Open thht opened 1 month ago

thht commented 1 month ago

This is about Bulma.

Overview of the problem

This is about the Bulma CSS framework

I'm using Bulma version [1.0.0] I am sure this issue is not a duplicate.

Description

When using a navbar with classes is-fixed-top is-spaced and thus including <body class="has-navbar-fixed-top has-spaced-navbar-fixed-top">, the padding of the navbar is not set correctly.

This is due to the fact that --bulma-navbar-padding-vertical ends up in the .navbar scope and thus cannot be accessed by

  html.has-spaced-navbar-fixed-top,
  body.has-spaced-navbar-fixed-top {
    padding-top: calc(var(--bulma-navbar-height) + var(--bulma-navbar-padding-vertical) * 2);
  }