yumemi - v0.4.0

framework/front/css

Types

Animation

</> 
pub type Animation {
  Fade
  SlideUp
  Pulse
}

Constructors 

  • Fade
  • SlideUp
  • Pulse

Breakpoint

</> 
pub type Breakpoint {
  SP
  PC
  Tablet
}

Constructors 

  • SP
  • PC
  • Tablet

Flow

</> 
pub type Flow {
  Stack(gap: Length)
  Row(gap: Length, wrap: Bool)
  Grid(cols: Int, gap: Length)
  Scroller
}

Constructors

FontFamily

</> 
pub type FontFamily {
  System
  SansSerif
  Serif
  Monospace
}

Constructors 

  • System
  • SansSerif
  • Serif
  • Monospace

FontWeight

</> 
pub type FontWeight {
  Normal
  Medium
  Bold
}

Constructors 

  • Normal
  • Medium
  • Bold

Img

</> 
pub type Img(blob, media) {
  Img(blob: blob, media: media)
}

Constructors 

  • Img(blob: blob, media: media)

Interaction

</> 
pub type Interaction {
  Hover
  Focus
  Disabled
}

Constructors 

  • Hover
  • Focus
  • Disabled

Length

</> 
pub type Length {
  Px(Float)
  Rem(Float)
}

Constructors 

  • Px(Float)
  • Rem(Float)

Pin

</> 
pub type Pin {
  Top
  Bottom
  NoPin
}

Constructors 

  • Top
  • Bottom
  • NoPin

SpaceProperty

</> 
pub type SpaceProperty {
  Margin
  Padding
  Gap
  Width
  Height
  Radius
}

Constructors 

  • Margin
  • Padding
  • Gap
  • Width
  • Height
  • Radius

Style

</> 
pub type Style {
  Color(value: String)
  Space(property: SpaceProperty, value: Length)
  Text(
    family: FontFamily,
    size: Length,
    weight: FontWeight,
    line_height: Length,
  )
  Flow(flow: Flow)
  State(state: Interaction, styles: List(Style))
  Responsive(at: Breakpoint, styles: List(Style))
  Animation(animation: Animation)
}

Constructors

✨ Search Document