Packages

Type safe CSS-in-gleam using generated code

Current section

Files

Jump to
monks_of_style src monks inset_inline_start.gleam
Raw

src/monks/inset_inline_start.gleam

//// The **`inset-inline-start`** [CSS](/en-US/docs/Web/CSS) property defines the logical inline start inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the {{cssxref("top")}}, {{cssxref("right")}}, {{cssxref("bottom")}}, or {{cssxref("left")}} property depending on the values defined for {{cssxref("writing-mode")}}, {{cssxref("direction")}}, and {{cssxref("text-orientation")}}.
////
//// This {{glossary("inset properties", "inset property")}} has no effect on non-positioned elements.
////
import monks_of_style.{length_to_string, type Length}
/// auto value of inset-inline-start
pub const auto_ = #("inset-inline-start", "auto")
pub const initial = #("inset-inline-start", "initial")
pub const inherit = #("inset-inline-start", "inherit")
pub const unset = #("inset-inline-start", "unset")
pub const revert = #("inset-inline-start", "revert")
pub const revert_layer = #("inset-inline-start", "revert_layer")
/// length value of inset-inline-start
pub fn length(value: Length) -> #(String, String) {
#("inset-inline-start", length_to_string(value))
}
/// Enter a raw string value for inset-inline-start
pub fn raw(value: String) -> #(String, String) {
#("inset-inline-start", value)
}
/// Enter a variable name to be used for inset-inline-start.
/// It will be wrapped in `var()` and have `--` prepended.
pub fn var(variable: String) -> #(String, String) {
#("inset-inline-start", "var(--" <> variable <> ")")
}