Add an option to clip icons with a radius.
This commit is contained in:
parent
c38b71f6d6
commit
06481d77d6
|
@ -1,4 +1,10 @@
|
|||
#let icon_with_text(icon: "", icon_alt_text: "", icon_size: 1.25em, body) = {
|
||||
#let icon_with_text(clip_icon: false, icon: "", icon_alt_text: "", icon_size: 1.25em, body) = {
|
||||
let image_box_properties = if clip_icon {
|
||||
(clip: true, radius: icon_size / 6)
|
||||
} else {
|
||||
(clip: false)
|
||||
}
|
||||
|
||||
// Use a box for the container so it is rendered inline.
|
||||
box(
|
||||
// Then use a grid inside to size and space the icon out perfectly.
|
||||
|
@ -7,7 +13,10 @@
|
|||
// directly against the text.
|
||||
columns: (icon_size + 0.2em, auto),
|
||||
// Render the image with the icon size as the wanted width.
|
||||
box(
|
||||
..image_box_properties,
|
||||
image(icon, width: icon_size, alt: icon_alt_text),
|
||||
),
|
||||
// And finally vertically align the text.
|
||||
align(horizon, body),
|
||||
),
|
||||
|
|
Loading…
Reference in New Issue