fuz_css 🪴
CSS framework and design system for semantic HTML
CSS with more utility
npm i -D @fuzdev/fuz_css
homepage repo npm version license data
  • class_variable_index.ts
    • CssClassVariableIndex
    • build_class_variable_index
    • get_class_variables
    • collect_class_variables
    • get_classes_using_variable
  • css_bundled_resolution.ts
    • CssResolutionStats
    • CssResolutionResult
    • CssResolutionOptions
    • resolve_css
    • GenerateBundledCssOptions
    • generate_bundled_css
  • css_cache.ts
    • DEFAULT_CACHE_DIR
    • CSS_CACHE_VERSION
    • CachedExtraction
    • get_cache_path
    • get_file_cache_path
    • load_cached_extraction
    • save_cached_extraction
    • delete_cached_extraction
    • from_cached_extraction
  • css_class_composites.ts
    • css_class_composites
  • css_class_definitions.ts
    • css_class_definitions
    • merge_class_definitions
  • css_class_extractor.ts
    • ExtractionResult
    • AcornPlugin
    • ExtractCssClassesOptions
    • SourceIndex
    • extract_from_svelte
    • extract_from_ts
    • extract_css_classes
    • extract_css_classes_with_locations
  • css_class_generation.ts
    • escape_css_selector
    • CssClassDefinitionBase
    • CssClassDefinitionComposition
    • CssClassDefinitionDeclaration
    • CssClassDefinitionRuleset
    • CssClassDefinitionStatic
    • CssClassDefinition
    • CssClassInterpreterContext
    • CssClassDefinitionInterpreter
    • GenerateClassesCssResult
    • GenerateClassesCssOptions
    • generate_classes_css
  • css_class_generators.ts
    • GeneratedClassResult
    • ClassTemplateFn
    • generate_classes
    • CSS_DIRECTIONS
    • CssDirection
    • format_variable_name
    • format_spacing_value
    • format_dimension_value
    • generate_property_classes
    • generate_directional_classes
    • generate_border_radius_corners
    • generate_shadow_classes
  • css_class_interpreters.ts
    • modified_class_interpreter
    • css_literal_interpreter
    • css_class_interpreters
  • css_class_resolution.ts
    • ResolveComposesResult
    • resolve_class_definition
    • resolve_composes
  • css_classes.ts
    • CssClasses
  • css_literal.ts
    • ParsedCssLiteral
    • CssLiteralParseResult
    • ExtractedModifiers
    • ModifierExtractionResult
    • InterpretCssLiteralResult
    • load_css_properties
    • is_valid_css_property
    • suggest_css_property
    • suggest_modifier
    • format_css_value
    • check_calc_expression
    • is_possible_css_literal
    • extract_segments
    • extract_and_validate_modifiers
    • parse_css_literal
    • generate_selector
    • generate_declaration
    • CssLiteralOutput
    • interpret_css_literal
    • LiteralResolutionResult
    • has_modifiers
    • has_extracted_modifiers
    • try_resolve_literal
    • generate_css_literal_simple
  • css_plugin_options.ts
    • CssExtractionOptions
    • CssClassOptions
    • BaseCssOption
    • VariablesOption
    • CssOutputOptions
    • CssDiagnosticsOptions
    • CssCacheOptions
    • CssGeneratorBaseOptions
  • css_ruleset_parser.ts
    • ParsedRule
    • ParsedRuleset
    • parse_ruleset
    • is_single_selector_ruleset
    • ruleset_contains_class
    • extract_css_comment
    • SkippedModifierInfo
    • ModifiedSelectorGroupResult
    • ModifiedRulesetResult
    • split_selector_list
    • find_compound_end
    • modify_single_selector
    • modify_selector_group
    • generate_modified_ruleset
  • css_variable_utils.ts
    • extract_css_variables
    • has_css_variables
  • diagnostics.ts
    • SourceLocation
    • BaseDiagnostic
    • ExtractionDiagnostic
    • GenerationDiagnostic
    • Diagnostic
    • InterpreterDiagnostic
    • create_generation_diagnostic
    • format_diagnostic
    • CssGenerationError
  • example_class_utilities.ts
    • demoClass
    • demo_class
    • DEMO_CLASS
    • demoClasses
    • demo_classes
    • demoClassName
    • demo_class_name
    • demoClassNames
    • demo_class_names
    • demoClassList
    • demo_class_list
    • demoClassLists
    • demo_class_lists
    • ternaryClass
    • logicalClass
    • arrayClasses
    • objectClasses
    • fromComment
  • file_filter.ts
    • FileFilter
    • filter_file_default
  • gen_fuz_css.ts
    • GenFuzCssOptions
    • gen_fuz_css
  • modifiers.ts
    • ModifierType
    • ModifierDefinition
    • MODIFIERS
    • MEDIA_MODIFIERS
    • ANCESTOR_MODIFIERS
    • STATE_MODIFIERS
    • PSEUDO_ELEMENT_MODIFIERS
    • ALL_MODIFIER_NAMES
    • NTH_CHILD_PATTERN
    • NTH_LAST_CHILD_PATTERN
    • NTH_OF_TYPE_PATTERN
    • NTH_LAST_OF_TYPE_PATTERN
    • extract_balanced_parens
    • parse_arbitrary_breakpoint
    • parse_parameterized_state
    • get_modifier
    • get_all_modifier_names
  • operations_defaults.ts
    • default_cache_operations
  • operations.ts
    • CacheOperations
  • style_rule_parser.ts
    • StyleRuleBase
    • CoreReason
    • CoreStyleRule
    • NonCoreStyleRule
    • StyleRule
    • StyleRuleIndex
    • parse_style_css
    • load_style_rule_index
    • create_style_rule_index
    • load_default_style_css
    • resolve_base_css_option
    • get_matching_rules
    • generate_base_css
    • collect_rule_variables
  • theme.gen.css.ts
  • theme.ts
    • ColorScheme
    • color_schemes
    • Theme
    • RenderThemeStyleOptions
    • render_theme_style
    • render_theme_variable
  • themes.ts
    • DEFAULT_THEME
    • default_themes
  • variable_data.ts
    • SizeVariant
    • font_size_variants
    • font_size_names
    • FontFamilyVariant
    • font_family_variants
    • NumericScaleVariant
    • numeric_scale_variants
    • NumericScaleWithExtremesVariant
    • numeric_scale_with_extremes
    • TextVariant
    • text_variants
    • TextScaleVariant
    • text_scale_variants
    • ShadeVariant
    • shade_variants
    • ShadeScaleVariant
    • shade_scale_variants
    • SpaceVariant
    • space_variants
    • DistanceVariant
    • distance_variants
    • BorderRadiusVariant
    • border_radius_variants
    • LineHeightVariant
    • line_height_variants
    • line_height_names
    • shadow_variant_prefixes
    • ShadowSizeVariant
    • shadow_size_variants
    • ShadowSemanticValue
    • shadow_semantic_values
    • IconSizeVariant
    • icon_size_variants
    • icon_sizes
    • ColorVariant
    • color_variants
    • IntensityVariant
    • intensity_variants
    • BorderWidthVariant
    • border_width_variants
    • AlphaVariant
    • alpha_variants
    • DarkenLightenVariant
    • darken_lighten_variants
    • ShadowAlphaVariant
    • shadow_alpha_variants
    • ColorSchemeVariant
    • color_scheme_variants
    • OutlineWidthVariant
    • outline_width_variants
    • Z_INDEX_MAX
  • variable_graph.ts
    • StyleVariableInfo
    • VariableDependencyGraph
    • build_variable_graph
    • ResolveVariablesResult
    • resolve_variables_transitive
    • generate_theme_css
    • get_all_variable_names
    • has_variable
    • find_similar_variable
    • resolve_variables_option
    • build_variable_graph_from_options
  • variable.ts
    • STYLE_VARIABLE_NAME_MATCHER
    • StyleVariableName
    • StyleVariable
  • variables.ts
    • hue_a
    • hue_b
    • hue_c
    • hue_d
    • hue_e
    • hue_f
    • hue_g
    • hue_h
    • hue_i
    • hue_j
    • color_a_00
    • color_a_05
    • color_a_10
    • color_a_20
    • color_a_30
    • color_a_40
    • color_a_50
    • color_a_60
    • color_a_70
    • color_a_80
    • color_a_90
    • color_a_95
    • color_a_100
    • color_b_00
    • color_b_05
    • color_b_10
    • color_b_20
    • color_b_30
    • color_b_40
    • color_b_50
    • color_b_60
    • color_b_70
    • color_b_80
    • color_b_90
    • color_b_95
    • color_b_100
    • color_c_00
    • color_c_05
    • color_c_10
    • color_c_20
    • color_c_30
    • color_c_40
    • color_c_50
    • color_c_60
    • color_c_70
    • color_c_80
    • color_c_90
    • color_c_95
    • color_c_100
    • color_d_00
    • color_d_05
    • color_d_10
    • color_d_20
    • color_d_30
    • color_d_40
    • color_d_50
    • color_d_60
    • color_d_70
    • color_d_80
    • color_d_90
    • color_d_95
    • color_d_100
    • color_e_00
    • color_e_05
    • color_e_10
    • color_e_20
    • color_e_30
    • color_e_40
    • color_e_50
    • color_e_60
    • color_e_70
    • color_e_80
    • color_e_90
    • color_e_95
    • color_e_100
    • color_f_00
    • color_f_05
    • color_f_10
    • color_f_20
    • color_f_30
    • color_f_40
    • color_f_50
    • color_f_60
    • color_f_70
    • color_f_80
    • color_f_90
    • color_f_95
    • color_f_100
    • color_g_00
    • color_g_05
    • color_g_10
    • color_g_20
    • color_g_30
    • color_g_40
    • color_g_50
    • color_g_60
    • color_g_70
    • color_g_80
    • color_g_90
    • color_g_95
    • color_g_100
    • color_h_00
    • color_h_05
    • color_h_10
    • color_h_20
    • color_h_30
    • color_h_40
    • color_h_50
    • color_h_60
    • color_h_70
    • color_h_80
    • color_h_90
    • color_h_95
    • color_h_100
    • color_i_00
    • color_i_05
    • color_i_10
    • color_i_20
    • color_i_30
    • color_i_40
    • color_i_50
    • color_i_60
    • color_i_70
    • color_i_80
    • color_i_90
    • color_i_95
    • color_i_100
    • color_j_00
    • color_j_05
    • color_j_10
    • color_j_20
    • color_j_30
    • color_j_40
    • color_j_50
    • color_j_60
    • color_j_70
    • color_j_80
    • color_j_90
    • color_j_95
    • color_j_100
    • tint_hue
    • tint_saturation
    • shade_min
    • shade_max
    • shade_00
    • shade_05
    • shade_10
    • shade_20
    • shade_30
    • shade_40
    • shade_50
    • shade_60
    • shade_70
    • shade_80
    • shade_90
    • shade_95
    • shade_100
    • shade_00_light
    • shade_00_dark
    • shade_05_light
    • shade_05_dark
    • shade_10_light
    • shade_10_dark
    • shade_20_light
    • shade_20_dark
    • shade_30_light
    • shade_30_dark
    • shade_40_light
    • shade_40_dark
    • shade_50_light
    • shade_50_dark
    • shade_60_light
    • shade_60_dark
    • shade_70_light
    • shade_70_dark
    • shade_80_light
    • shade_80_dark
    • shade_90_light
    • shade_90_dark
    • shade_95_light
    • shade_95_dark
    • shade_100_light
    • shade_100_dark
    • darken_00
    • darken_05
    • darken_10
    • darken_20
    • darken_30
    • darken_40
    • darken_50
    • darken_60
    • darken_70
    • darken_80
    • darken_90
    • darken_95
    • darken_100
    • lighten_00
    • lighten_05
    • lighten_10
    • lighten_20
    • lighten_30
    • lighten_40
    • lighten_50
    • lighten_60
    • lighten_70
    • lighten_80
    • lighten_90
    • lighten_95
    • lighten_100
    • fg_00
    • fg_05
    • fg_10
    • fg_20
    • fg_30
    • fg_40
    • fg_50
    • fg_60
    • fg_70
    • fg_80
    • fg_90
    • fg_95
    • fg_100
    • bg_00
    • bg_05
    • bg_10
    • bg_20
    • bg_30
    • bg_40
    • bg_50
    • bg_60
    • bg_70
    • bg_80
    • bg_90
    • bg_95
    • bg_100
    • border_color_00
    • border_color_05
    • border_color_10
    • border_color_20
    • border_color_30
    • border_color_40
    • border_color_50
    • border_color_60
    • border_color_70
    • border_color_80
    • border_color_90
    • border_color_95
    • border_color_100
    • text_min
    • text_max
    • text_color
    • text_00
    • text_05
    • text_10
    • text_20
    • text_30
    • text_40
    • text_50
    • text_60
    • text_70
    • text_80
    • text_90
    • text_95
    • text_100
    • text_disabled
    • font_family_sans
    • font_family_serif
    • font_family_mono
    • font_size_xs
    • font_size_sm
    • font_size_md
    • font_size_lg
    • font_size_xl
    • font_size_xl2
    • font_size_xl3
    • font_size_xl4
    • font_size_xl5
    • font_size_xl6
    • font_size_xl7
    • font_size_xl8
    • font_size_xl9
    • line_height_xs
    • line_height_sm
    • line_height_md
    • line_height_lg
    • line_height_xl
    • link_color
    • text_decoration
    • text_decoration_hover
    • text_decoration_selected
    • link_color_selected
    • space_xs5
    • space_xs4
    • space_xs3
    • space_xs2
    • space_xs
    • space_sm
    • space_md
    • space_lg
    • space_xl
    • space_xl2
    • space_xl3
    • space_xl4
    • space_xl5
    • space_xl6
    • space_xl7
    • space_xl8
    • space_xl9
    • space_xl10
    • space_xl11
    • space_xl12
    • space_xl13
    • space_xl14
    • space_xl15
    • distance_xs
    • distance_sm
    • distance_md
    • distance_lg
    • distance_xl
    • border_color
    • border_style
    • border_width
    • border_width_1
    • border_width_2
    • border_width_3
    • border_width_4
    • border_width_5
    • border_width_6
    • border_width_7
    • border_width_8
    • border_width_9
    • outline_width
    • outline_width_focus
    • outline_width_active
    • outline_style
    • outline_color
    • border_radius_xs3
    • border_radius_xs2
    • border_radius_xs
    • border_radius_sm
    • border_radius_md
    • border_radius_lg
    • border_radius_xl
    • button_shadow
    • button_shadow_hover
    • button_shadow_active
    • input_fill
    • input_padding_y
    • input_padding_x
    • input_width_min
    • input_height
    • input_height_sm
    • input_height_inner
    • shadow_xs
    • shadow_top_xs
    • shadow_bottom_xs
    • shadow_inset_xs
    • shadow_inset_top_xs
    • shadow_inset_bottom_xs
    • shadow_sm
    • shadow_top_sm
    • shadow_bottom_sm
    • shadow_inset_sm
    • shadow_inset_top_sm
    • shadow_inset_bottom_sm
    • shadow_md
    • shadow_top_md
    • shadow_bottom_md
    • shadow_inset_md
    • shadow_inset_top_md
    • shadow_inset_bottom_md
    • shadow_lg
    • shadow_top_lg
    • shadow_bottom_lg
    • shadow_inset_lg
    • shadow_inset_top_lg
    • shadow_inset_bottom_lg
    • shadow_xl
    • shadow_top_xl
    • shadow_bottom_xl
    • shadow_inset_xl
    • shadow_inset_top_xl
    • shadow_inset_bottom_xl
    • shadow_color_umbra
    • shadow_color_highlight
    • shadow_color_glow
    • shadow_color_shroud
    • shadow_alpha_00
    • shadow_alpha_05
    • shadow_alpha_10
    • shadow_alpha_20
    • shadow_alpha_30
    • shadow_alpha_40
    • shadow_alpha_50
    • shadow_alpha_60
    • shadow_alpha_70
    • shadow_alpha_80
    • shadow_alpha_90
    • shadow_alpha_95
    • shadow_alpha_100
    • icon_size_xs
    • icon_size_sm
    • icon_size_md
    • icon_size_lg
    • icon_size_xl
    • icon_size_xl2
    • icon_size_xl3
    • duration_1
    • duration_2
    • duration_3
    • duration_4
    • duration_5
    • duration_6
    • disabled_opacity
    • absolute_color_variables
    • default_variables
  • vite_plugin_fuz_css.ts
    • FUZ_CSS_BANNER
    • VitePluginFuzCssOptions
    • vite_plugin_fuz_css