Skip to content

Border inset/groove/ridge renders inconsistently #131

@PowerfulBacon

Description

@PowerfulBacon

When using a border which is set to inset, groove, or ridge instead of solid, during hot-reloads the border will render correctly but will occasionally switch back to solid. In the final build the border appears solid.

Image

If I edit the SCSS and cause a hot-reload to be triggered, then all of the grooves appear. When running in dev mode, any update to the UI will also cause the grooves to re-appear.

Image

CSS in question:

.example {
  border: 0.417vw inset #847875;
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions