Skip to content

Sabbath column with image background image scaling #392

Closed
@claytonk

Description

@claytonk

As I understand it, the default behavior for background-attachement: fixed is to scale the image per the window instead of per the containing document (works that way in Chrome at least, haven't checked every browser). This leads to the image scaling rather severely, to the point of being unrecognizable if a user uses a roughly column-size image. Not a perfect solution, but something like the following might produce less surprising results.

.u-background-image--sabbath {
background-size: auto 100vh;
background-position: right top;
}

or if we don't mind a little distortion.

.u-background-image--sabbath {
background-size: calc(100vw/7) 100vh;
background-position: right top;
}

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions