CSS Box Sizing Reset #85

New issue

Open

opened 2025-10-14 16:15:40 -06:00 by navan · 0 comments

navan commented

2025-10-14 16:15:40 -06:00

Owner

Originally created by @hedgecox on 8/19/2020

Sakura seems to be almost 'plug and play' however the issue I seem to run into is the lack of box-sizing reset. A very basic CSS reset such as the following would prevent the need for global override on every project:

    html {
        box-sizing: border-box;
    }

    *, *:before, *:after {
        box-sizing: inherit;
    }

My only concern is this is potentially a breaking change as anyone who is currently using the default box sizing without a global override could potentially have layout shifts if this was applied

*Originally created by @hedgecox on 8/19/2020* Sakura seems to be almost 'plug and play' however the issue I seem to run into is the lack of box-sizing reset. A very basic CSS reset such as the following would prevent the need for global override on every project: ``` html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } ``` My only concern is this is potentially a breaking change as anyone who is currently using the default box sizing without a global override could potentially have layout shifts if this was applied

navan added the

discussion

labels

2025-10-14 16:15:42 -06:00

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: github/sakura#85

No description provided.

Rows
Columns