Packages

Type safe CSS-in-gleam using generated code

Current section

Files

Jump to
monks_of_style src monks scroll_padding_inline_start.gleam
Raw

src/monks/scroll_padding_inline_start.gleam

//// The `scroll-padding-inline-start` property defines offsets for the start edge in the inline dimension of the _optimal viewing region_ of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.
////
import monks_of_style.{length_to_string, type Length}
/// - : The offset is determined by the user agent. This will generally be 0px, but a user agent is able to detect and do something else if a non-zero value is more appropriate.
pub const auto_ = #("scroll-padding-inline-start", "auto")
pub const initial = #("scroll-padding-inline-start", "initial")
pub const inherit = #("scroll-padding-inline-start", "inherit")
pub const unset = #("scroll-padding-inline-start", "unset")
pub const revert = #("scroll-padding-inline-start", "revert")
pub const revert_layer = #("scroll-padding-inline-start", "revert_layer")
/// length value of scroll-padding-inline-start
pub fn length(value: Length) -> #(String, String) {
#("scroll-padding-inline-start", length_to_string(value))
}
/// Enter a raw string value for scroll-padding-inline-start
pub fn raw(value: String) -> #(String, String) {
#("scroll-padding-inline-start", value)
}
/// Enter a variable name to be used for scroll-padding-inline-start.
/// It will be wrapped in `var()` and have `--` prepended.
pub fn var(variable: String) -> #(String, String) {
#("scroll-padding-inline-start", "var(--" <> variable <> ")")
}