jgthms / bulma

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

The more specific padding/margin classes do not override less specific padding/margin classes #3712

Open 1GR3 opened 9 months ago

1GR3 commented 9 months ago

This is about the Bulma CSS framework

I'm using Bulma version [0.9.4] My browser is: Brave

Description

The more specific padding/margin classes do not override less specific padding/margin classes as expected.

Steps to Reproduce

Add .p-4 and .pt-0 classes to a div

### Expected behavior The div will get padding 1rem all around but the top padding will be reset to zero like if we wrote this is css: padding: 1rem; padding-top: 0; ### Actual behavior The div will have all paddings the same size: 1rem. more specific class .pt-0 wont override the properties of the less specific class .p-4 as expected from css rules, or frameworks such as Bootstrap or TailwindCSS.
jgthms commented 9 months ago

Good point. Can be fixed by reordering the CSS rules.