use proc_macro::TokenStream; use proc_macro2::TokenStream as TokenStream2; use quote::{format_ident, quote}; use syn::{ braced, parse::{Parse, ParseStream, Result}, parse_macro_input, Token, Visibility, }; #[derive(Debug)] struct StyleableMacroInput { method_visibility: Visibility, } impl Parse for StyleableMacroInput { fn parse(input: ParseStream) -> Result { if !input.peek(syn::token::Brace) { return Ok(Self { method_visibility: Visibility::Inherited, }); } let content; braced!(content in input); let mut method_visibility = None; let ident: syn::Ident = content.parse()?; if ident == "visibility" { let _colon: Token![:] = content.parse()?; method_visibility = Some(content.parse()?); } Ok(Self { method_visibility: method_visibility.unwrap_or(Visibility::Inherited), }) } } pub fn style_helpers(input: TokenStream) -> TokenStream { let _ = parse_macro_input!(input as StyleableMacroInput); let methods = generate_methods(); let output = quote! { #(#methods)* }; output.into() } pub fn visibility_style_methods(input: TokenStream) -> TokenStream { let input = parse_macro_input!(input as StyleableMacroInput); let visibility = input.method_visibility; let output = quote! { /// Sets the visibility of the element to `visible`. /// [Docs](https://tailwindcss.com/docs/visibility) #visibility fn visible(mut self) -> Self { self.style().visibility = Some(gpui::Visibility::Visible); self } /// Sets the visibility of the element to `hidden`. /// [Docs](https://tailwindcss.com/docs/visibility) #visibility fn invisible(mut self) -> Self { self.style().visibility = Some(gpui::Visibility::Hidden); self } }; output.into() } pub fn margin_style_methods(input: TokenStream) -> TokenStream { let input = parse_macro_input!(input as StyleableMacroInput); let methods = generate_box_style_methods( margin_box_style_prefixes(), box_style_suffixes(), input.method_visibility, ); let output = quote! { #(#methods)* }; output.into() } pub fn padding_style_methods(input: TokenStream) -> TokenStream { let input = parse_macro_input!(input as StyleableMacroInput); let methods = generate_box_style_methods( padding_box_style_prefixes(), box_style_suffixes(), input.method_visibility, ); let output = quote! { #(#methods)* }; output.into() } pub fn position_style_methods(input: TokenStream) -> TokenStream { let input = parse_macro_input!(input as StyleableMacroInput); let visibility = input.method_visibility; let methods = generate_box_style_methods( position_box_style_prefixes(), box_style_suffixes(), visibility.clone(), ); let output = quote! { /// Sets the position of the element to `relative`. /// [Docs](https://tailwindcss.com/docs/position) #visibility fn relative(mut self) -> Self { self.style().position = Some(gpui::Position::Relative); self } /// Sets the position of the element to `absolute`. /// [Docs](https://tailwindcss.com/docs/position) #visibility fn absolute(mut self) -> Self { self.style().position = Some(gpui::Position::Absolute); self } #(#methods)* }; output.into() } pub fn overflow_style_methods(input: TokenStream) -> TokenStream { let input = parse_macro_input!(input as StyleableMacroInput); let visibility = input.method_visibility; let output = quote! { /// Sets the behavior of content that overflows the container to be hidden. /// [Docs](https://tailwindcss.com/docs/overflow#hiding-content-that-overflows) #visibility fn overflow_hidden(mut self) -> Self { self.style().overflow.x = Some(gpui::Overflow::Hidden); self.style().overflow.y = Some(gpui::Overflow::Hidden); self } /// Sets the behavior of content that overflows the container on the X axis to be hidden. /// [Docs](https://tailwindcss.com/docs/overflow#hiding-content-that-overflows) #visibility fn overflow_x_hidden(mut self) -> Self { self.style().overflow.x = Some(gpui::Overflow::Hidden); self } /// Sets the behavior of content that overflows the container on the Y axis to be hidden. /// [Docs](https://tailwindcss.com/docs/overflow#hiding-content-that-overflows) #visibility fn overflow_y_hidden(mut self) -> Self { self.style().overflow.y = Some(gpui::Overflow::Hidden); self } }; output.into() } pub fn cursor_style_methods(input: TokenStream) -> TokenStream { let input = parse_macro_input!(input as StyleableMacroInput); let visibility = input.method_visibility; let output = quote! { /// Set the cursor style when hovering over this element #visibility fn cursor(mut self, cursor: CursorStyle) -> Self { self.style().mouse_cursor = Some(cursor); self } /// Sets the cursor style when hovering an element to `default`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_default(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::Arrow); self } /// Sets the cursor style when hovering an element to `pointer`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_pointer(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::PointingHand); self } /// Sets cursor style when hovering over an element to `text`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_text(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::IBeam); self } /// Sets cursor style when hovering over an element to `move`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_move(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::ClosedHand); self } /// Sets cursor style when hovering over an element to `not-allowed`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_not_allowed(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::OperationNotAllowed); self } /// Sets cursor style when hovering over an element to `context-menu`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_context_menu(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::ContextualMenu); self } /// Sets cursor style when hovering over an element to `crosshair`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_crosshair(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::Crosshair); self } /// Sets cursor style when hovering over an element to `vertical-text`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_vertical_text(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::IBeamCursorForVerticalLayout); self } /// Sets cursor style when hovering over an element to `alias`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_alias(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::DragLink); self } /// Sets cursor style when hovering over an element to `copy`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_copy(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::DragCopy); self } /// Sets cursor style when hovering over an element to `no-drop`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_no_drop(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::OperationNotAllowed); self } /// Sets cursor style when hovering over an element to `grab`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_grab(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::OpenHand); self } /// Sets cursor style when hovering over an element to `grabbing`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_grabbing(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::ClosedHand); self } /// Sets cursor style when hovering over an element to `ew-resize`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_ew_resize(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::ResizeLeftRight); self } /// Sets cursor style when hovering over an element to `ns-resize`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_ns_resize(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::ResizeUpDown); self } /// Sets cursor style when hovering over an element to `nesw-resize`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_nesw_resize(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::ResizeUpRightDownLeft); self } /// Sets cursor style when hovering over an element to `nwse-resize`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_nwse_resize(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::ResizeUpLeftDownRight); self } /// Sets cursor style when hovering over an element to `col-resize`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_col_resize(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::ResizeColumn); self } /// Sets cursor style when hovering over an element to `row-resize`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_row_resize(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::ResizeRow); self } /// Sets cursor style when hovering over an element to `n-resize`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_n_resize(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::ResizeUp); self } /// Sets cursor style when hovering over an element to `e-resize`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_e_resize(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::ResizeRight); self } /// Sets cursor style when hovering over an element to `s-resize`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_s_resize(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::ResizeDown); self } /// Sets cursor style when hovering over an element to `w-resize`. /// [Docs](https://tailwindcss.com/docs/cursor) #visibility fn cursor_w_resize(mut self) -> Self { self.style().mouse_cursor = Some(gpui::CursorStyle::ResizeLeft); self } }; output.into() } pub fn border_style_methods(input: TokenStream) -> TokenStream { let input = parse_macro_input!(input as StyleableMacroInput); let visibility = input.method_visibility; let mut methods = Vec::new(); for border_style_prefix in border_prefixes() { methods.push(generate_custom_value_setter( visibility.clone(), border_style_prefix.prefix, quote! { AbsoluteLength }, &border_style_prefix.fields, border_style_prefix.doc_string_prefix, )); for border_style_suffix in border_suffixes() { methods.push(generate_predefined_setter( visibility.clone(), border_style_prefix.prefix, border_style_suffix.suffix, &border_style_prefix.fields, &border_style_suffix.width_tokens, false, &format!( "{prefix}\n\n{suffix}", prefix = border_style_prefix.doc_string_prefix, suffix = border_style_suffix.doc_string_suffix, ), )); } } let output = quote! { /// Sets the border color of the element. #visibility fn border_color(mut self, border_color: C) -> Self where C: Into, Self: Sized, { self.style().border_color = Some(border_color.into()); self } #(#methods)* }; output.into() } pub fn box_shadow_style_methods(input: TokenStream) -> TokenStream { let input = parse_macro_input!(input as StyleableMacroInput); let visibility = input.method_visibility; let output = quote! { /// Sets the box shadow of the element. /// [Docs](https://tailwindcss.com/docs/box-shadow) #visibility fn shadow(mut self, shadows: smallvec::SmallVec<[gpui::BoxShadow; 2]>) -> Self { self.style().box_shadow = Some(shadows); self } /// Clears the box shadow of the element. /// [Docs](https://tailwindcss.com/docs/box-shadow) #visibility fn shadow_none(mut self) -> Self { self.style().box_shadow = Some(Default::default()); self } /// Sets the box shadow of the element. /// [Docs](https://tailwindcss.com/docs/box-shadow) #visibility fn shadow_sm(mut self) -> Self { use gpui::{BoxShadow, hsla, point, px}; use smallvec::smallvec; self.style().box_shadow = Some(smallvec![BoxShadow { color: hsla(0., 0., 0., 0.05), offset: point(px(0.), px(1.)), blur_radius: px(2.), spread_radius: px(0.), }]); self } /// Sets the box shadow of the element. /// [Docs](https://tailwindcss.com/docs/box-shadow) #visibility fn shadow_md(mut self) -> Self { use gpui::{BoxShadow, hsla, point, px}; use smallvec::smallvec; self.style().box_shadow = Some(smallvec![ BoxShadow { color: hsla(0.5, 0., 0., 0.1), offset: point(px(0.), px(4.)), blur_radius: px(6.), spread_radius: px(-1.), }, BoxShadow { color: hsla(0., 0., 0., 0.1), offset: point(px(0.), px(2.)), blur_radius: px(4.), spread_radius: px(-2.), } ]); self } /// Sets the box shadow of the element. /// [Docs](https://tailwindcss.com/docs/box-shadow) #visibility fn shadow_lg(mut self) -> Self { use gpui::{BoxShadow, hsla, point, px}; use smallvec::smallvec; self.style().box_shadow = Some(smallvec![ BoxShadow { color: hsla(0., 0., 0., 0.1), offset: point(px(0.), px(10.)), blur_radius: px(15.), spread_radius: px(-3.), }, BoxShadow { color: hsla(0., 0., 0., 0.1), offset: point(px(0.), px(4.)), blur_radius: px(6.), spread_radius: px(-4.), } ]); self } /// Sets the box shadow of the element. /// [Docs](https://tailwindcss.com/docs/box-shadow) #visibility fn shadow_xl(mut self) -> Self { use gpui::{BoxShadow, hsla, point, px}; use smallvec::smallvec; self.style().box_shadow = Some(smallvec![ BoxShadow { color: hsla(0., 0., 0., 0.1), offset: point(px(0.), px(20.)), blur_radius: px(25.), spread_radius: px(-5.), }, BoxShadow { color: hsla(0., 0., 0., 0.1), offset: point(px(0.), px(8.)), blur_radius: px(10.), spread_radius: px(-6.), } ]); self } /// Sets the box shadow of the element. /// [Docs](https://tailwindcss.com/docs/box-shadow) #visibility fn shadow_2xl(mut self) -> Self { use gpui::{BoxShadow, hsla, point, px}; use smallvec::smallvec; self.style().box_shadow = Some(smallvec![BoxShadow { color: hsla(0., 0., 0., 0.25), offset: point(px(0.), px(25.)), blur_radius: px(50.), spread_radius: px(-12.), }]); self } }; output.into() } struct BoxStylePrefix { prefix: &'static str, auto_allowed: bool, fields: Vec, doc_string_prefix: &'static str, } struct BoxStyleSuffix { suffix: &'static str, length_tokens: TokenStream2, doc_string_suffix: &'static str, } struct CornerStylePrefix { prefix: &'static str, fields: Vec, doc_string_prefix: &'static str, } struct CornerStyleSuffix { suffix: &'static str, radius_tokens: TokenStream2, doc_string_suffix: &'static str, } struct BorderStylePrefix { prefix: &'static str, fields: Vec, doc_string_prefix: &'static str, } struct BorderStyleSuffix { suffix: &'static str, width_tokens: TokenStream2, doc_string_suffix: &'static str, } fn generate_box_style_methods( prefixes: Vec, suffixes: Vec, visibility: Visibility, ) -> Vec { let mut methods = Vec::new(); for box_style_prefix in prefixes { methods.push(generate_custom_value_setter( visibility.clone(), box_style_prefix.prefix, if box_style_prefix.auto_allowed { quote! { Length } } else { quote! { DefiniteLength } }, &box_style_prefix.fields, box_style_prefix.doc_string_prefix, )); for box_style_suffix in &suffixes { if box_style_suffix.suffix != "auto" || box_style_prefix.auto_allowed { methods.push(generate_predefined_setter( visibility.clone(), box_style_prefix.prefix, box_style_suffix.suffix, &box_style_prefix.fields, &box_style_suffix.length_tokens, false, &format!( "{prefix}\n\n{suffix}", prefix = box_style_prefix.doc_string_prefix, suffix = box_style_suffix.doc_string_suffix, ), )); } if box_style_suffix.suffix != "auto" { methods.push(generate_predefined_setter( visibility.clone(), box_style_prefix.prefix, box_style_suffix.suffix, &box_style_prefix.fields, &box_style_suffix.length_tokens, true, &format!( "{prefix}\n\n{suffix}", prefix = box_style_prefix.doc_string_prefix, suffix = box_style_suffix.doc_string_suffix, ), )); } } } methods } fn generate_methods() -> Vec { let visibility = Visibility::Inherited; let mut methods = generate_box_style_methods(box_prefixes(), box_style_suffixes(), visibility.clone()); for corner_style_prefix in corner_prefixes() { methods.push(generate_custom_value_setter( visibility.clone(), corner_style_prefix.prefix, quote! { AbsoluteLength }, &corner_style_prefix.fields, corner_style_prefix.doc_string_prefix, )); for corner_style_suffix in corner_suffixes() { methods.push(generate_predefined_setter( visibility.clone(), corner_style_prefix.prefix, corner_style_suffix.suffix, &corner_style_prefix.fields, &corner_style_suffix.radius_tokens, false, &format!( "{prefix}\n\n{suffix}", prefix = corner_style_prefix.doc_string_prefix, suffix = corner_style_suffix.doc_string_suffix, ), )); } } methods } fn generate_predefined_setter( visibility: Visibility, name: &'static str, length: &'static str, fields: &[TokenStream2], length_tokens: &TokenStream2, negate: bool, doc_string: &str, ) -> TokenStream2 { let (negation_qualifier, negation_token) = if negate { ("_neg", quote! { - }) } else { ("", quote! {}) }; let method_name = if length.is_empty() { format_ident!("{name}{negation_qualifier}") } else { format_ident!("{name}{negation_qualifier}_{length}") }; let field_assignments = fields .iter() .map(|field_tokens| { quote! { style.#field_tokens = Some((#negation_token gpui::#length_tokens).into()); } }) .collect::>(); let method = quote! { #[doc = #doc_string] #visibility fn #method_name(mut self) -> Self { let style = self.style(); #(#field_assignments)* self } }; method } fn generate_custom_value_setter( visibility: Visibility, prefix: &str, length_type: TokenStream2, fields: &[TokenStream2], doc_string: &str, ) -> TokenStream2 { let method_name = format_ident!("{}", prefix); let mut iter = fields.iter(); let last = iter.next_back().unwrap(); let field_assignments = iter .map(|field_tokens| { quote! { style.#field_tokens = Some(length.clone().into()); } }) .chain(std::iter::once(quote! { style.#last = Some(length.into()); })) .collect::>(); let method = quote! { #[doc = #doc_string] #visibility fn #method_name(mut self, length: impl std::clone::Clone + Into) -> Self { let style = self.style(); #(#field_assignments)* self } }; method } fn margin_box_style_prefixes() -> Vec { vec![ BoxStylePrefix { prefix: "m", auto_allowed: true, fields: vec![ quote! { margin.top }, quote! { margin.bottom }, quote! { margin.left }, quote! { margin.right }, ], doc_string_prefix: "Sets the margin of the element. [Docs](https://tailwindcss.com/docs/margin)", }, BoxStylePrefix { prefix: "mt", auto_allowed: true, fields: vec![quote! { margin.top }], doc_string_prefix: "Sets the top margin of the element. [Docs](https://tailwindcss.com/docs/margin#add-margin-to-a-single-side)", }, BoxStylePrefix { prefix: "mb", auto_allowed: true, fields: vec![quote! { margin.bottom }], doc_string_prefix: "Sets the bottom margin of the element. [Docs](https://tailwindcss.com/docs/margin#add-margin-to-a-single-side)", }, BoxStylePrefix { prefix: "my", auto_allowed: true, fields: vec![quote! { margin.top }, quote! { margin.bottom }], doc_string_prefix: "Sets the vertical margin of the element. [Docs](https://tailwindcss.com/docs/margin#add-vertical-margin)", }, BoxStylePrefix { prefix: "mx", auto_allowed: true, fields: vec![quote! { margin.left }, quote! { margin.right }], doc_string_prefix: "Sets the horizontal margin of the element. [Docs](https://tailwindcss.com/docs/margin#add-horizontal-margin)", }, BoxStylePrefix { prefix: "ml", auto_allowed: true, fields: vec![quote! { margin.left }], doc_string_prefix: "Sets the left margin of the element. [Docs](https://tailwindcss.com/docs/margin#add-margin-to-a-single-side)", }, BoxStylePrefix { prefix: "mr", auto_allowed: true, fields: vec![quote! { margin.right }], doc_string_prefix: "Sets the right margin of the element. [Docs](https://tailwindcss.com/docs/margin#add-margin-to-a-single-side)", }, ] } fn padding_box_style_prefixes() -> Vec { vec![ BoxStylePrefix { prefix: "p", auto_allowed: false, fields: vec![ quote! { padding.top }, quote! { padding.bottom }, quote! { padding.left }, quote! { padding.right }, ], doc_string_prefix: "Sets the padding of the element. [Docs](https://tailwindcss.com/docs/padding)", }, BoxStylePrefix { prefix: "pt", auto_allowed: false, fields: vec![quote! { padding.top }], doc_string_prefix: "Sets the top padding of the element. [Docs](https://tailwindcss.com/docs/padding#add-padding-to-a-single-side)", }, BoxStylePrefix { prefix: "pb", auto_allowed: false, fields: vec![quote! { padding.bottom }], doc_string_prefix: "Sets the bottom padding of the element. [Docs](https://tailwindcss.com/docs/padding#add-padding-to-a-single-side)", }, BoxStylePrefix { prefix: "px", auto_allowed: false, fields: vec![quote! { padding.left }, quote! { padding.right }], doc_string_prefix: "Sets the horizontal padding of the element. [Docs](https://tailwindcss.com/docs/padding#add-horizontal-padding)", }, BoxStylePrefix { prefix: "py", auto_allowed: false, fields: vec![quote! { padding.top }, quote! { padding.bottom }], doc_string_prefix: "Sets the vertical padding of the element. [Docs](https://tailwindcss.com/docs/padding#add-vertical-padding)", }, BoxStylePrefix { prefix: "pl", auto_allowed: false, fields: vec![quote! { padding.left }], doc_string_prefix: "Sets the left padding of the element. [Docs](https://tailwindcss.com/docs/padding#add-padding-to-a-single-side)", }, BoxStylePrefix { prefix: "pr", auto_allowed: false, fields: vec![quote! { padding.right }], doc_string_prefix: "Sets the right padding of the element. [Docs](https://tailwindcss.com/docs/padding#add-padding-to-a-single-side)", }, ] } fn position_box_style_prefixes() -> Vec { vec![ BoxStylePrefix { prefix: "inset", auto_allowed: true, fields: vec![ quote! { inset.top }, quote! { inset.right }, quote! { inset.bottom }, quote! { inset.left }, ], doc_string_prefix: "Sets the top, right, bottom, and left values of a positioned element. [Docs](https://tailwindcss.com/docs/top-right-bottom-left)", }, BoxStylePrefix { prefix: "top", auto_allowed: true, fields: vec![quote! { inset.top }], doc_string_prefix: "Sets the top value of a positioned element. [Docs](https://tailwindcss.com/docs/top-right-bottom-left)", }, BoxStylePrefix { prefix: "bottom", auto_allowed: true, fields: vec![quote! { inset.bottom }], doc_string_prefix: "Sets the bottom value of a positioned element. [Docs](https://tailwindcss.com/docs/top-right-bottom-left)", }, BoxStylePrefix { prefix: "left", auto_allowed: true, fields: vec![quote! { inset.left }], doc_string_prefix: "Sets the left value of a positioned element. [Docs](https://tailwindcss.com/docs/top-right-bottom-left)", }, BoxStylePrefix { prefix: "right", auto_allowed: true, fields: vec![quote! { inset.right }], doc_string_prefix: "Sets the right value of a positioned element. [Docs](https://tailwindcss.com/docs/top-right-bottom-left)", }, ] } fn box_prefixes() -> Vec { vec![ BoxStylePrefix { prefix: "w", auto_allowed: true, fields: vec![quote! { size.width }], doc_string_prefix: "Sets the width of the element. [Docs](https://tailwindcss.com/docs/width)", }, BoxStylePrefix { prefix: "h", auto_allowed: true, fields: vec![quote! { size.height }], doc_string_prefix: "Sets the height of the element. [Docs](https://tailwindcss.com/docs/height)", }, BoxStylePrefix { prefix: "size", auto_allowed: true, fields: vec![quote! {size.width}, quote! {size.height}], doc_string_prefix: "Sets the width and height of the element.", }, // TODO: These don't use the same size ramp as the others // see https://tailwindcss.com/docs/max-width BoxStylePrefix { prefix: "min_w", auto_allowed: true, fields: vec![quote! { min_size.width }], doc_string_prefix: "Sets the minimum width of the element. [Docs](https://tailwindcss.com/docs/min-width)", }, // TODO: These don't use the same size ramp as the others // see https://tailwindcss.com/docs/max-width BoxStylePrefix { prefix: "min_h", auto_allowed: true, fields: vec![quote! { min_size.height }], doc_string_prefix: "Sets the minimum height of the element. [Docs](https://tailwindcss.com/docs/min-height)", }, // TODO: These don't use the same size ramp as the others // see https://tailwindcss.com/docs/max-width BoxStylePrefix { prefix: "max_w", auto_allowed: true, fields: vec![quote! { max_size.width }], doc_string_prefix: "Sets the maximum width of the element. [Docs](https://tailwindcss.com/docs/max-width)", }, // TODO: These don't use the same size ramp as the others // see https://tailwindcss.com/docs/max-width BoxStylePrefix { prefix: "max_h", auto_allowed: true, fields: vec![quote! { max_size.height }], doc_string_prefix: "Sets the maximum height of the element. [Docs](https://tailwindcss.com/docs/max-height)", }, BoxStylePrefix { prefix: "gap", auto_allowed: false, fields: vec![quote! { gap.width }, quote! { gap.height }], doc_string_prefix: "Sets the gap between rows and columns in flex layouts. [Docs](https://tailwindcss.com/docs/gap)", }, BoxStylePrefix { prefix: "gap_x", auto_allowed: false, fields: vec![quote! { gap.width }], doc_string_prefix: "Sets the gap between columns in flex layouts. [Docs](https://tailwindcss.com/docs/gap#changing-row-and-column-gaps-independently)", }, BoxStylePrefix { prefix: "gap_y", auto_allowed: false, fields: vec![quote! { gap.height }], doc_string_prefix: "Sets the gap between rows in flex layouts. [Docs](https://tailwindcss.com/docs/gap#changing-row-and-column-gaps-independently)", }, ] } fn box_style_suffixes() -> Vec { vec![ BoxStyleSuffix { suffix: "0", length_tokens: quote! { px(0.) }, doc_string_suffix: "0px", }, BoxStyleSuffix { suffix: "0p5", length_tokens: quote! { rems(0.125) }, doc_string_suffix: "2px (0.125rem)", }, BoxStyleSuffix { suffix: "1", length_tokens: quote! { rems(0.25) }, doc_string_suffix: "4px (0.25rem)", }, BoxStyleSuffix { suffix: "1p5", length_tokens: quote! { rems(0.375) }, doc_string_suffix: "6px (0.375rem)", }, BoxStyleSuffix { suffix: "2", length_tokens: quote! { rems(0.5) }, doc_string_suffix: "8px (0.5rem)", }, BoxStyleSuffix { suffix: "2p5", length_tokens: quote! { rems(0.625) }, doc_string_suffix: "10px (0.625rem)", }, BoxStyleSuffix { suffix: "3", length_tokens: quote! { rems(0.75) }, doc_string_suffix: "12px (0.75rem)", }, BoxStyleSuffix { suffix: "3p5", length_tokens: quote! { rems(0.875) }, doc_string_suffix: "14px (0.875rem)", }, BoxStyleSuffix { suffix: "4", length_tokens: quote! { rems(1.) }, doc_string_suffix: "16px (1rem)", }, BoxStyleSuffix { suffix: "5", length_tokens: quote! { rems(1.25) }, doc_string_suffix: "20px (1.25rem)", }, BoxStyleSuffix { suffix: "6", length_tokens: quote! { rems(1.5) }, doc_string_suffix: "24px (1.5rem)", }, BoxStyleSuffix { suffix: "7", length_tokens: quote! { rems(1.75) }, doc_string_suffix: "28px (1.75rem)", }, BoxStyleSuffix { suffix: "8", length_tokens: quote! { rems(2.0) }, doc_string_suffix: "32px (2rem)", }, BoxStyleSuffix { suffix: "9", length_tokens: quote! { rems(2.25) }, doc_string_suffix: "36px (2.25rem)", }, BoxStyleSuffix { suffix: "10", length_tokens: quote! { rems(2.5) }, doc_string_suffix: "40px (2.5rem)", }, BoxStyleSuffix { suffix: "11", length_tokens: quote! { rems(2.75) }, doc_string_suffix: "44px (2.75rem)", }, BoxStyleSuffix { suffix: "12", length_tokens: quote! { rems(3.) }, doc_string_suffix: "48px (3rem)", }, BoxStyleSuffix { suffix: "16", length_tokens: quote! { rems(4.) }, doc_string_suffix: "64px (4rem)", }, BoxStyleSuffix { suffix: "20", length_tokens: quote! { rems(5.) }, doc_string_suffix: "80px (5rem)", }, BoxStyleSuffix { suffix: "24", length_tokens: quote! { rems(6.) }, doc_string_suffix: "96px (6rem)", }, BoxStyleSuffix { suffix: "32", length_tokens: quote! { rems(8.) }, doc_string_suffix: "128px (8rem)", }, BoxStyleSuffix { suffix: "40", length_tokens: quote! { rems(10.) }, doc_string_suffix: "160px (10rem)", }, BoxStyleSuffix { suffix: "48", length_tokens: quote! { rems(12.) }, doc_string_suffix: "192px (12rem)", }, BoxStyleSuffix { suffix: "56", length_tokens: quote! { rems(14.) }, doc_string_suffix: "224px (14rem)", }, BoxStyleSuffix { suffix: "64", length_tokens: quote! { rems(16.) }, doc_string_suffix: "256px (16rem)", }, BoxStyleSuffix { suffix: "72", length_tokens: quote! { rems(18.) }, doc_string_suffix: "288px (18rem)", }, BoxStyleSuffix { suffix: "80", length_tokens: quote! { rems(20.) }, doc_string_suffix: "320px (20rem)", }, BoxStyleSuffix { suffix: "96", length_tokens: quote! { rems(24.) }, doc_string_suffix: "384px (24rem)", }, BoxStyleSuffix { suffix: "112", length_tokens: quote! { rems(28.) }, doc_string_suffix: "448px (28rem)", }, BoxStyleSuffix { suffix: "128", length_tokens: quote! { rems(32.) }, doc_string_suffix: "512px (32rem)", }, BoxStyleSuffix { suffix: "auto", length_tokens: quote! { auto() }, doc_string_suffix: "Auto", }, BoxStyleSuffix { suffix: "px", length_tokens: quote! { px(1.) }, doc_string_suffix: "1px", }, BoxStyleSuffix { suffix: "full", length_tokens: quote! { relative(1.) }, doc_string_suffix: "100%", }, BoxStyleSuffix { suffix: "1_2", length_tokens: quote! { relative(0.5) }, doc_string_suffix: "50% (1/2)", }, BoxStyleSuffix { suffix: "1_3", length_tokens: quote! { relative(1./3.) }, doc_string_suffix: "33% (1/3)", }, BoxStyleSuffix { suffix: "2_3", length_tokens: quote! { relative(2./3.) }, doc_string_suffix: "66% (2/3)", }, BoxStyleSuffix { suffix: "1_4", length_tokens: quote! { relative(0.25) }, doc_string_suffix: "25% (1/4)", }, BoxStyleSuffix { suffix: "2_4", length_tokens: quote! { relative(0.5) }, doc_string_suffix: "50% (2/4)", }, BoxStyleSuffix { suffix: "3_4", length_tokens: quote! { relative(0.75) }, doc_string_suffix: "75% (3/4)", }, BoxStyleSuffix { suffix: "1_5", length_tokens: quote! { relative(0.2) }, doc_string_suffix: "20% (1/5)", }, BoxStyleSuffix { suffix: "2_5", length_tokens: quote! { relative(0.4) }, doc_string_suffix: "40% (2/5)", }, BoxStyleSuffix { suffix: "3_5", length_tokens: quote! { relative(0.6) }, doc_string_suffix: "60% (3/5)", }, BoxStyleSuffix { suffix: "4_5", length_tokens: quote! { relative(0.8) }, doc_string_suffix: "80% (4/5)", }, BoxStyleSuffix { suffix: "1_6", length_tokens: quote! { relative(1./6.) }, doc_string_suffix: "16% (1/6)", }, BoxStyleSuffix { suffix: "5_6", length_tokens: quote! { relative(5./6.) }, doc_string_suffix: "80% (5/6)", }, BoxStyleSuffix { suffix: "1_12", length_tokens: quote! { relative(1./12.) }, doc_string_suffix: "8% (1/12)", }, ] } fn corner_prefixes() -> Vec { vec![ CornerStylePrefix { prefix: "rounded", fields: vec![ quote! { corner_radii.top_left }, quote! { corner_radii.top_right }, quote! { corner_radii.bottom_right }, quote! { corner_radii.bottom_left }, ], doc_string_prefix: "Sets the border radius of the element. [Docs](https://tailwindcss.com/docs/border-radius)", }, CornerStylePrefix { prefix: "rounded_t", fields: vec![ quote! { corner_radii.top_left }, quote! { corner_radii.top_right }, ], doc_string_prefix: "Sets the border radius of the top side of the element. [Docs](https://tailwindcss.com/docs/border-radius#rounding-sides-separately)", }, CornerStylePrefix { prefix: "rounded_b", fields: vec![ quote! { corner_radii.bottom_left }, quote! { corner_radii.bottom_right }, ], doc_string_prefix: "Sets the border radius of the bottom side of the element. [Docs](https://tailwindcss.com/docs/border-radius#rounding-sides-separately)", }, CornerStylePrefix { prefix: "rounded_r", fields: vec![ quote! { corner_radii.top_right }, quote! { corner_radii.bottom_right }, ], doc_string_prefix: "Sets the border radius of the right side of the element. [Docs](https://tailwindcss.com/docs/border-radius#rounding-sides-separately)", }, CornerStylePrefix { prefix: "rounded_l", fields: vec![ quote! { corner_radii.top_left }, quote! { corner_radii.bottom_left }, ], doc_string_prefix: "Sets the border radius of the left side of the element. [Docs](https://tailwindcss.com/docs/border-radius#rounding-sides-separately)", }, CornerStylePrefix { prefix: "rounded_tl", fields: vec![quote! { corner_radii.top_left }], doc_string_prefix: "Sets the border radius of the top left corner of the element. [Docs](https://tailwindcss.com/docs/border-radius#rounding-corners-separately)", }, CornerStylePrefix { prefix: "rounded_tr", fields: vec![quote! { corner_radii.top_right }], doc_string_prefix: "Sets the border radius of the top right corner of the element. [Docs](https://tailwindcss.com/docs/border-radius#rounding-corners-separately)", }, CornerStylePrefix { prefix: "rounded_bl", fields: vec![quote! { corner_radii.bottom_left }], doc_string_prefix: "Sets the border radius of the bottom left corner of the element. [Docs](https://tailwindcss.com/docs/border-radius#rounding-corners-separately)", }, CornerStylePrefix { prefix: "rounded_br", fields: vec![quote! { corner_radii.bottom_right }], doc_string_prefix: "Sets the border radius of the bottom right corner of the element. [Docs](https://tailwindcss.com/docs/border-radius#rounding-corners-separately)", }, ] } fn corner_suffixes() -> Vec { vec![ CornerStyleSuffix { suffix: "none", radius_tokens: quote! { px(0.) }, doc_string_suffix: "0px", }, CornerStyleSuffix { suffix: "sm", radius_tokens: quote! { rems(0.125) }, doc_string_suffix: "2px (0.125rem)", }, CornerStyleSuffix { suffix: "md", radius_tokens: quote! { rems(0.25) }, doc_string_suffix: "4px (0.25rem)", }, CornerStyleSuffix { suffix: "lg", radius_tokens: quote! { rems(0.5) }, doc_string_suffix: "8px (0.5rem)", }, CornerStyleSuffix { suffix: "xl", radius_tokens: quote! { rems(0.75) }, doc_string_suffix: "12px (0.75rem)", }, CornerStyleSuffix { suffix: "2xl", radius_tokens: quote! { rems(1.) }, doc_string_suffix: "16px (1rem)", }, CornerStyleSuffix { suffix: "3xl", radius_tokens: quote! { rems(1.5) }, doc_string_suffix: "24px (1.5rem)", }, CornerStyleSuffix { suffix: "full", radius_tokens: quote! { px(9999.) }, doc_string_suffix: "9999px", }, ] } fn border_prefixes() -> Vec { vec![ BorderStylePrefix { prefix: "border", fields: vec![ quote! { border_widths.top }, quote! { border_widths.right }, quote! { border_widths.bottom }, quote! { border_widths.left }, ], doc_string_prefix: "Sets the border width of the element. [Docs](https://tailwindcss.com/docs/border-width)" }, BorderStylePrefix { prefix: "border_t", fields: vec![quote! { border_widths.top }], doc_string_prefix: "Sets the border width of the top side of the element. [Docs](https://tailwindcss.com/docs/border-width#individual-sides)" }, BorderStylePrefix { prefix: "border_b", fields: vec![quote! { border_widths.bottom }], doc_string_prefix: "Sets the border width of the bottom side of the element. [Docs](https://tailwindcss.com/docs/border-width#individual-sides)" }, BorderStylePrefix { prefix: "border_r", fields: vec![quote! { border_widths.right }], doc_string_prefix: "Sets the border width of the right side of the element. [Docs](https://tailwindcss.com/docs/border-width#individual-sides)" }, BorderStylePrefix { prefix: "border_l", fields: vec![quote! { border_widths.left }], doc_string_prefix: "Sets the border width of the left side of the element. [Docs](https://tailwindcss.com/docs/border-width#individual-sides)" }, BorderStylePrefix { prefix: "border_x", fields: vec![ quote! { border_widths.left }, quote! { border_widths.right }, ], doc_string_prefix: "Sets the border width of the vertical sides of the element. [Docs](https://tailwindcss.com/docs/border-width#horizontal-and-vertical-sides)" }, BorderStylePrefix { prefix: "border_y", fields: vec![ quote! { border_widths.top }, quote! { border_widths.bottom }, ], doc_string_prefix: "Sets the border width of the horizontal sides of the element. [Docs](https://tailwindcss.com/docs/border-width#horizontal-and-vertical-sides)" }, ] } fn border_suffixes() -> Vec { vec![ BorderStyleSuffix { suffix: "0", width_tokens: quote! { px(0.)}, doc_string_suffix: "0px", }, BorderStyleSuffix { suffix: "1", width_tokens: quote! { px(1.) }, doc_string_suffix: "1px", }, BorderStyleSuffix { suffix: "2", width_tokens: quote! { px(2.) }, doc_string_suffix: "2px", }, BorderStyleSuffix { suffix: "3", width_tokens: quote! { px(3.) }, doc_string_suffix: "3px", }, BorderStyleSuffix { suffix: "4", width_tokens: quote! { px(4.) }, doc_string_suffix: "4px", }, BorderStyleSuffix { suffix: "5", width_tokens: quote! { px(5.) }, doc_string_suffix: "5px", }, BorderStyleSuffix { suffix: "6", width_tokens: quote! { px(6.) }, doc_string_suffix: "6px", }, BorderStyleSuffix { suffix: "7", width_tokens: quote! { px(7.) }, doc_string_suffix: "7px", }, BorderStyleSuffix { suffix: "8", width_tokens: quote! { px(8.) }, doc_string_suffix: "8px", }, BorderStyleSuffix { suffix: "9", width_tokens: quote! { px(9.) }, doc_string_suffix: "9px", }, BorderStyleSuffix { suffix: "10", width_tokens: quote! { px(10.) }, doc_string_suffix: "10px", }, BorderStyleSuffix { suffix: "11", width_tokens: quote! { px(11.) }, doc_string_suffix: "11px", }, BorderStyleSuffix { suffix: "12", width_tokens: quote! { px(12.) }, doc_string_suffix: "12px", }, BorderStyleSuffix { suffix: "16", width_tokens: quote! { px(16.) }, doc_string_suffix: "16px", }, BorderStyleSuffix { suffix: "20", width_tokens: quote! { px(20.) }, doc_string_suffix: "20px", }, BorderStyleSuffix { suffix: "24", width_tokens: quote! { px(24.) }, doc_string_suffix: "24px", }, BorderStyleSuffix { suffix: "32", width_tokens: quote! { px(32.) }, doc_string_suffix: "32px", }, ] }