Skip to content

Commit

Permalink
feat: typography
Browse files Browse the repository at this point in the history
  • Loading branch information
@ifiokjr
ifiokjr committed May 1, 2023
1 parent ccc7062 commit dcdcb7c
Show file tree
Hide file tree
Showing 5 changed files with 7,823 additions and 3,070 deletions.
208 changes: 208 additions & 0 deletions crates/skribble_preset/src/data/aliases.rs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -275,5 +275,213 @@ lazy_static! {
.name("text-9xl")
.classes(vec!["font-size:$9xl"])
.build(),
Alias::builder()
.name("antialiased")
.classes(vec!["smoothing:$antialiased"])
.build(),
Alias::builder()
.name("subpixel-antialiased")
.classes(vec!["smoothing:$subpixel"])
.build(),
Alias::builder()
.name("italic")
.classes(vec!["font-style:$italic"])
.build(),
Alias::builder()
.name("non-italic")
.classes(vec!["font-style:$normal"])
.build(),
Alias::builder()
.name("font-thin")
.classes(vec!["font-weight:$thin"])
.build(),
Alias::builder()
.name("font-extralight")
.classes(vec!["font-weight:$extralight"])
.build(),
Alias::builder()
.name("font-light")
.classes(vec!["font-weight:$light"])
.build(),
Alias::builder()
.name("font-normal")
.classes(vec!["font-weight:$normal"])
.build(),
Alias::builder()
.name("font-medium")
.classes(vec!["font-weight:$medium"])
.build(),
Alias::builder()
.name("font-semibold")
.classes(vec!["font-weight:$semibold"])
.build(),
Alias::builder()
.name("font-bold")
.classes(vec!["font-weight:$bold"])
.build(),
Alias::builder()
.name("font-extrabold")
.classes(vec!["font-weight:$extrabold"])
.build(),
Alias::builder()
.name("font-black")
.classes(vec!["font-weight:$black"])
.build(),
Alias::builder()
.name("slashed-zero")
.classes(vec!["font-numeric:$slashed"])
.build(),
Alias::builder()
.name("lining-nums")
.classes(vec!["font-numeric:$lining"])
.build(),
Alias::builder()
.name("oldstyle-nums")
.classes(vec!["font-numeric:$oldstyle"])
.build(),
Alias::builder()
.name("proportional-nums")
.classes(vec!["font-numeric:$proportional"])
.build(),
Alias::builder()
.name("tabular-nums")
.classes(vec!["font-numeric:$tabular"])
.build(),
Alias::builder()
.name("diagonal-fractions")
.classes(vec!["font-numeric:$diagonal"])
.build(),
Alias::builder()
.name("stacked-fractions")
.classes(vec!["font-numeric:$stacked"])
.build(),
Alias::builder()
.name("list-inside")
.classes(vec!["list-position:$inside"])
.build(),
Alias::builder()
.name("list-outside")
.classes(vec!["list-position:$outside"])
.build(),
Alias::builder()
.name("text-left")
.classes(vec!["text-align:$left"])
.build(),
Alias::builder()
.name("text-center")
.classes(vec!["text-align:$center"])
.build(),
Alias::builder()
.name("text-right")
.classes(vec!["text-align:$right"])
.build(),
Alias::builder()
.name("text-justify")
.classes(vec!["text-align:$justify"])
.build(),
Alias::builder()
.name("text-start")
.classes(vec!["text-align:$start"])
.build(),
Alias::builder()
.name("text-end")
.classes(vec!["text-align:$end"])
.build(),
Alias::builder()
.name("underline")
.classes(vec!["text-decoration:$underline"])
.build(),
Alias::builder()
.name("overline")
.classes(vec!["text-decoration:$overline"])
.build(),
Alias::builder()
.name("line-through")
.classes(vec!["text-decoration:$through"])
.build(),
Alias::builder()
.name("strikethrough")
.classes(vec!["text-decoration:$through"])
.build(),
Alias::builder()
.name("no-underline")
.classes(vec!["text-decoration:$none"])
.build(),
Alias::builder()
.name("decoration-solid")
.classes(vec!["decoration-style:$solid"])
.build(),
Alias::builder()
.name("decoration-double")
.classes(vec!["decoration-style:$double"])
.build(),
Alias::builder()
.name("decoration-dotted")
.classes(vec!["decoration-style:$dotted"])
.build(),
Alias::builder()
.name("decoration-dashed")
.classes(vec!["decoration-style:$dashed"])
.build(),
Alias::builder()
.name("decoration-wavy")
.classes(vec!["decoration-style:$wavy"])
.build(),
Alias::builder()
.name("decoration-auto")
.classes(vec!["decoration-thickness:$auto"])
.build(),
Alias::builder()
.name("decoration-from-font")
.classes(vec!["decoration-thickness:$from-font"])
.build(),
Alias::builder()
.name("decoration-0")
.classes(vec!["decoration-thickness:$0"])
.build(),
Alias::builder()
.name("decoration-1")
.classes(vec!["decoration-thickness:$1"])
.build(),
Alias::builder()
.name("decoration-2")
.classes(vec!["decoration-thickness:$2"])
.build(),
Alias::builder()
.name("decoration-4")
.classes(vec!["decoration-thickness:$4"])
.build(),
Alias::builder()
.name("decoration-8")
.classes(vec!["decoration-thickness:$8"])
.build(),
Alias::builder()
.name("uppercase")
.classes(vec!["text-transform:$uppercase"])
.build(),
Alias::builder()
.name("lowercase")
.classes(vec!["text-transform:$lowercase"])
.build(),
Alias::builder()
.name("capitalize")
.classes(vec!["text-transform:$capitalize"])
.build(),
Alias::builder()
.name("text-ellipsis")
.classes(vec!["text-overflow:$ellipsis"])
.build(),
Alias::builder()
.name("text-clip")
.classes(vec!["text-overflow:$clip"])
.build(),
Alias::builder()
.name("truncate")
.classes(vec![
"visibility:$hidden",
"text-overflow:$ellipsis",
"whitespace:$nowrap"
])
.build(),
];
}
133 changes: 133 additions & 0 deletions crates/skribble_preset/src/data/atoms.rs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1029,6 +1029,139 @@ lazy_static! {
"line-height" => Some(Placeholder::value("height")),
})
.build(),
Atom::builder()
.name("smoothing")
.values(vec!["smoothing"])
.styles(indexmap! {
"-webkit-font-smoothing" => Some(Placeholder::value("webkit")),
"-moz-osx-font-smoothing" => Some(Placeholder::value("moz")),
})
.build(),
Atom::builder()
.name("font-style")
.values(vec!["font-style"])
.styles(indexmap! { "font-style" => none })
.build(),
Atom::builder()
.name("font-weight")
.values(vec!["font-weight"])
.styles(indexmap! { "font-weight" => none })
.build(),
Atom::builder()
.name("font-numeric")
.values(vec!["font-variant-numeric"])
.styles(indexmap! { "font-variant-numeric" => none })
.build(),
Atom::builder()
.name("tracking")
.values(vec!["letter-spacing"])
.styles(indexmap! { "letter-spacing" => none })
.build(),
Atom::builder()
.name("line-clamp")
.values(vec!["line-clamp"])
.styles(indexmap! {
"overflow" => Some(Placeholder::value("overflow")),
"display" => Some(Placeholder::value("display")),
"-webkit-box-orient" => Some(Placeholder::value("orient")),
"-webkit-box-clamp" => Some(Placeholder::value("clamp")),
})
.build(),
Atom::builder()
.name("leading")
.values(vec!["line-height"])
.styles(indexmap! { "line-height" => none })
.build(),
Atom::builder()
.name("list-image")
.values(vec!["none"])
.styles(indexmap! { "list-style-image" => none })
.build(),
Atom::builder()
.name("list-position")
.values(vec!["list-style-position"])
.styles(indexmap! { "list-style-position" => none })
.build(),
Atom::builder()
.name("list-type")
.values(vec!["list-style-type", "none"])
.styles(indexmap! { "list-style-type" => none })
.build(),
Atom::builder()
.name("text-align")
.values(vec!["text-align"])
.styles(indexmap! { "text-align" => none })
.build(),
Atom::builder()
.name("text")
.values(LinkedValues::Color)
.styles(indexmap! { "color" => none })
.build(),
Atom::builder()
.name("text-decoration")
.values(vec!["text-decoration-line", "none"])
.styles(indexmap! { "text-decoration-line" => none })
.build(),
Atom::builder()
.name("decoration")
.values(LinkedValues::Color)
.styles(indexmap! { "text-decoration-color" => none })
.build(),
Atom::builder()
.name("decoration-style")
.values(vec!["text-decoration-style"])
.styles(indexmap! { "text-decoration-style" => none })
.build(),
Atom::builder()
.name("decoration-thickness")
.values(vec!["text-decoration-thickness"])
.styles(indexmap! { "text-decoration-thickness" => none })
.build(),
Atom::builder()
.name("underline-offset")
.values(vec!["text-underline-offset"])
.styles(indexmap! { "text-underline-offset" => none })
.build(),
Atom::builder()
.name("text-transform")
.values(vec!["text-transform", "none"])
.styles(indexmap! { "text-transform" => none })
.build(),
Atom::builder()
.name("text-overflow")
.values(vec!["text-overflow"])
.styles(indexmap! { "text-overflow" => none })
.build(),
Atom::builder()
.name("indent")
.values(vec!["text-indent"])
.styles(indexmap! { "text-indent" => none })
.build(),
Atom::builder()
.name("align")
.values(vec!["vertical-align"])
.styles(indexmap! { "vertical-align" => none })
.build(),
Atom::builder()
.name("whitespace")
.values(vec!["whitespace"])
.styles(indexmap! { "white-space" => none })
.build(),
Atom::builder()
.name("break")
.values(vec!["break"])
.styles(OptionalStringMap::default())
.build(),
Atom::builder()
.name("hyphens")
.values(vec!["none", "auto", "hyphens"])
.styles(indexmap! { "hyphens" => none })
.build(),
Atom::builder()
.name("content")
.values(vec!["none"])
.styles(indexmap! { "content" => none })
.build(),
]
};
}

0 comments on commit dcdcb7c

Please sign in to comment.