Packages
moon
2.89.1
2.90.5
retired
2.90.4
2.90.3
2.90.2
2.90.1
2.90.0
2.89.4
2.89.1
2.89.0
2.88.0
2.87.11
2.87.10
2.87.9
2.87.8
2.87.7
2.87.6
2.87.5
2.87.4
2.87.3
2.87.2
2.87.1
2.87.0
2.86.1
2.86.0
2.85.1
2.85.0
2.84.0
2.83.0
2.82.0
2.81.4
2.81.3
2.81.2
2.81.1
2.81.0
2.80.2
2.80.1
2.80.0
2.79.13
2.79.12
2.79.11
2.79.10
2.79.9
2.79.8
2.79.7
2.79.6
2.79.5
2.79.4
2.79.3
2.79.2
2.79.1
2.79.0
2.78.4
2.78.3
2.78.2
2.78.1
2.78.0
2.77.0
2.76.5
2.76.4
2.76.3
2.76.2
2.76.1
2.76.0
2.75.0
2.74.1
2.74.0
2.73.8
2.73.7
2.73.6
2.73.5
2.73.4
2.73.3
2.73.2
2.73.1
2.73.0
2.72.5
2.72.4
2.72.3
2.72.2
2.72.1
2.72.0
2.71.1
2.71.0
2.70.0
2.69.2
2.69.1
2.69.0
2.68.11
2.68.10
Components-based design system written in elixir
Current section
Files
Jump to
Current section
Files
assets/js/moon-components.js
module.exports = {".moon-avatar":{"display":"flex","alignItems":"center","justifyContent":"center","overflow":"hidden","whiteSpace":"nowrap","textAlign":"center","backgroundColor":"var(--semantic-background-primary)","borderWidth":"var(--dimension-border-1)","borderColor":"var(--semantic-border-primary)","color":"var(--semantic-text-primary)","fontWeight":"var(--text-body-300-font-weight)","fontSize":"var(--text-body-300-font-size)","lineHeight":"var(--text-body-300-line-height)","fontFamily":"var(--text-body-300-font-family)","width":"var(--dimension-space-40)","height":"var(--dimension-space-40)","borderRadius":"var(--dimension-space-8)"},".moon-avatar span":{"overflow":"hidden","textOverflow":"ellipsis","whiteSpace":"nowrap","paddingLeft":"var(--dimension-space-4)","paddingRight":"var(--dimension-space-4)"},".moon-avatar svg":{"color":"var(--semantic-icon-primary)","width":"var(--dimension-space-20)","height":"var(--dimension-space-20)"},".moon-avatar-xs":{"fontWeight":"var(--text-body-100-font-weight)","fontSize":"var(--text-body-100-font-size)","lineHeight":"var(--text-body-100-line-height)","fontFamily":"var(--text-body-100-font-family)","width":"var(--dimension-space-24)","height":"var(--dimension-space-24)","borderRadius":"var(--dimension-space-4)"},".moon-avatar-xs span":{"paddingLeft":"var(--dimension-space-2)","paddingRight":"var(--dimension-space-2)"},".moon-avatar-xs svg":{"width":"var(--dimension-space-16)","height":"var(--dimension-space-16)"},".moon-avatar-sm":{"fontWeight":"var(--text-body-200-font-weight)","fontSize":"var(--text-body-200-font-size)","lineHeight":"var(--text-body-200-line-height)","fontFamily":"var(--text-body-200-font-family)","width":"var(--dimension-space-32)","height":"var(--dimension-space-32)","borderRadius":"var(--dimension-space-8)"},".moon-avatar-sm span":{"paddingLeft":"var(--dimension-space-2)","paddingRight":"var(--dimension-space-2)"},".moon-avatar-sm svg":{"width":"var(--dimension-space-20)","height":"var(--dimension-space-20)"},".moon-avatar-md":{"fontWeight":"var(--text-body-300-font-weight)","fontSize":"var(--text-body-300-font-size)","lineHeight":"var(--text-body-300-line-height)","fontFamily":"var(--text-body-300-font-family)","width":"var(--dimension-space-40)","height":"var(--dimension-space-40)","borderRadius":"var(--dimension-space-8)"},".moon-avatar-md span":{"paddingLeft":"var(--dimension-space-4)","paddingRight":"var(--dimension-space-4)"},".moon-avatar-md svg":{"width":"var(--dimension-space-20)","height":"var(--dimension-space-20)"},".moon-avatar-lg":{"fontWeight":"var(--text-body-400-font-weight)","fontSize":"var(--text-body-400-font-size)","lineHeight":"var(--text-body-400-line-height)","fontFamily":"var(--text-body-400-font-family)","width":"var(--dimension-space-48)","height":"var(--dimension-space-48)","borderRadius":"var(--dimension-space-8)"},".moon-avatar-lg span":{"paddingLeft":"var(--dimension-space-4)","paddingRight":"var(--dimension-space-4)"},".moon-avatar-lg svg":{"width":"var(--dimension-space-20)","height":"var(--dimension-space-20)"},".moon-avatar-xl":{"fontWeight":"var(--text-body-400-font-weight)","fontSize":"var(--text-body-400-font-size)","lineHeight":"var(--text-body-400-line-height)","fontFamily":"var(--text-body-400-font-family)","width":"var(--dimension-space-56)","height":"var(--dimension-space-56)","borderRadius":"var(--dimension-space-8)"},".moon-avatar-xl span":{"paddingLeft":"var(--dimension-space-4)","paddingRight":"var(--dimension-space-4)"},".moon-avatar-xl svg":{"width":"var(--dimension-space-20)","height":"var(--dimension-space-20)"},".moon-avatar-2xl":{"fontWeight":"var(--text-body-400-font-weight)","fontSize":"var(--text-body-400-font-size)","lineHeight":"var(--text-body-400-line-height)","fontFamily":"var(--text-body-400-font-family)","width":"var(--dimension-space-64)","height":"var(--dimension-space-64)","borderRadius":"var(--dimension-space-12)"},".moon-avatar-2xl span":{"paddingLeft":"var(--dimension-space-4)","paddingRight":"var(--dimension-space-4)"},".moon-avatar-2xl svg":{"width":"var(--dimension-space-24)","height":"var(--dimension-space-24)"}};