moss 🌿
CSS framework and design system
magical organic stylesheets
npm i -D @ryanatkn/moss
homepage
moss.ryanatkn.com
repo
ryanatkn/moss
npm
@ryanatkn/moss
version
0.39.0
license
MIT
data
package.json src.json
  • css_class_composites.ts
    • css_class_composites
  • css_class_generators.ts
    • ClassTemplateResult
    • ClassTemplateFn
    • generate_classes
    • CSS_GLOBALS
    • CssGlobal
    • CSS_DIRECTIONS
    • CssDirection
    • COLOR_INTENSITIES
    • ColorIntensity
    • to_kebab
    • to_variable_name
    • generate_global_classes
    • format_spacing_value
    • format_dimension_value
    • generate_property_classes
    • generate_directional_classes
    • generate_property_with_axes
    • generate_border_radius_corners
    • generate_shadow_classes
  • css_class_helpers.ts
    • CssExtractor
    • collect_css_classes
    • CssClasses
    • CssClassDeclaration
    • CssClassDeclarationBase
    • CssClassDeclarationItem
    • CssClassDeclarationGroup
    • CssClassDeclarationInterpreter
    • generate_classes_css
  • css_class_interpreters.ts
    • opacity_interpreter
    • font_weight_interpreter
    • border_radius_interpreter
    • border_radius_corners_interpreter
    • z_index_interpreter
    • css_class_interpreters
  • css_classes.ts
    • css_classes_by_name
  • gen_moss_css.ts
    • GenMossCssOptions
    • gen_moss_css
  • 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
    • TextColorVariant
    • text_color_variants
    • SpaceVariant
    • space_variants
    • DistanceVariant
    • distance_variants
    • BorderRadiusVariant
    • border_radius_variants
    • LineHeightVariant
    • line_height_variants
    • line_height_names
    • shadow_variant_prefixes
    • ShadowSizeVariant
    • shadow_font_size_variants
    • ShadowAlphaVariant
    • shadow_alpha_variants
    • ShadowSemanticValue
    • shadow_semantic_values
    • IconSizeVariant
    • icon_size_variants
    • icon_sizes
    • ColorVariant
    • color_variants
    • BorderWidthVariant
    • border_width_variants
    • OutlineWidthVariant
    • outline_width_variants
    • AlignmentValue
    • alignment_values
    • JustifyValue
    • justify_values
    • OverflowValue
    • overflow_values
    • BorderStyleValue
    • border_style_values
    • DisplayValue
    • display_values
    • TextAlignValue
    • text_align_values
    • VerticalAlignValue
    • vertical_align_values
    • WordBreakValue
    • word_break_values
    • PositionValue
    • position_values
    • VisibilityValue
    • visibility_values
    • FloatValue
    • float_values
    • FlexWrapValue
    • flex_wrap_values
    • FlexDirectionValue
    • flex_direction_values
    • OverflowWrapValue
    • overflow_wrap_values
    • ScrollbarWidthValue
    • scrollbar_width_values
    • ScrollbarGutterValue
    • scrollbar_gutter_values
    • Z_INDEX_MAX
  • variable.ts
    • StyleVariableName
    • StyleVariable
    • STYLE_VARIABLE_NAME_MATCHER
    • is_style_variable_name
  • variables.ts
    • hue_a
    • hue_b
    • hue_c
    • hue_d
    • hue_e
    • hue_f
    • hue_g
    • hue_h
    • hue_i
    • hue_j
    • color_a_1
    • color_a_2
    • color_a_3
    • color_a_4
    • color_a_5
    • color_a_6
    • color_a_7
    • color_a_8
    • color_a_9
    • color_b_1
    • color_b_2
    • color_b_3
    • color_b_4
    • color_b_5
    • color_b_6
    • color_b_7
    • color_b_8
    • color_b_9
    • color_c_1
    • color_c_2
    • color_c_3
    • color_c_4
    • color_c_5
    • color_c_6
    • color_c_7
    • color_c_8
    • color_c_9
    • color_d_1
    • color_d_2
    • color_d_3
    • color_d_4
    • color_d_5
    • color_d_6
    • color_d_7
    • color_d_8
    • color_d_9
    • color_e_1
    • color_e_2
    • color_e_3
    • color_e_4
    • color_e_5
    • color_e_6
    • color_e_7
    • color_e_8
    • color_e_9
    • color_f_1
    • color_f_2
    • color_f_3
    • color_f_4
    • color_f_5
    • color_f_6
    • color_f_7
    • color_f_8
    • color_f_9
    • color_g_1
    • color_g_2
    • color_g_3
    • color_g_4
    • color_g_5
    • color_g_6
    • color_g_7
    • color_g_8
    • color_g_9
    • color_h_1
    • color_h_2
    • color_h_3
    • color_h_4
    • color_h_5
    • color_h_6
    • color_h_7
    • color_h_8
    • color_h_9
    • color_i_1
    • color_i_2
    • color_i_3
    • color_i_4
    • color_i_5
    • color_i_6
    • color_i_7
    • color_i_8
    • color_i_9
    • color_j_1
    • color_j_2
    • color_j_3
    • color_j_4
    • color_j_5
    • color_j_6
    • color_j_7
    • color_j_8
    • color_j_9
    • tint_hue
    • tint_saturation
    • darken_1
    • darken_2
    • darken_3
    • darken_4
    • darken_5
    • darken_6
    • darken_7
    • darken_8
    • darken_9
    • lighten_1
    • lighten_2
    • lighten_3
    • lighten_4
    • lighten_5
    • lighten_6
    • lighten_7
    • lighten_8
    • lighten_9
    • bg
    • fg
    • bg_0
    • bg_1
    • bg_2
    • bg_3
    • bg_4
    • bg_5
    • bg_6
    • bg_7
    • bg_8
    • bg_9
    • bg_10
    • fg_0
    • fg_1
    • fg_2
    • fg_3
    • fg_4
    • fg_5
    • fg_6
    • fg_7
    • fg_8
    • fg_9
    • fg_10
    • fill
    • fill_a
    • fill_b
    • fill_c
    • fill_d
    • fill_e
    • fill_f
    • fill_g
    • fill_h
    • fill_i
    • fill_j
    • text_color
    • text_color_0
    • text_color_1
    • text_color_2
    • text_color_3
    • text_color_4
    • text_color_5
    • text_color_6
    • text_color_7
    • text_color_8
    • text_color_9
    • text_color_10
    • text_color_disabled
    • text_active
    • 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_color_1
    • border_color_2
    • border_color_3
    • border_color_4
    • border_color_5
    • border_color_a
    • border_color_b
    • border_color_c
    • border_color_d
    • border_color_e
    • border_color_f
    • border_color_g
    • border_color_h
    • border_color_i
    • border_color_j
    • 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
    • shadow_color_highlight
    • shadow_color_glow
    • shadow_color_shroud
    • shadow_color_a
    • shadow_color_b
    • shadow_color_c
    • shadow_color_d
    • shadow_color_e
    • shadow_color_f
    • shadow_color_g
    • shadow_color_h
    • shadow_color_i
    • shadow_color_j
    • shadow_alpha_1
    • shadow_alpha_2
    • shadow_alpha_3
    • shadow_alpha_4
    • shadow_alpha_5
    • 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
    • default_variables