AZURA

Pre-alpha
Github

Main Menu

  • Get Started
  • Breakpoints
  • Changelog
  • Framework Style

    • Grid
    • Flex
    • Colors
    • Typography
    • Round
    • Elevation
    • Backdrop
    • Buttons
    • Icons
    • Images
    • Cards
    • Form inputs and control
    • Text fields
    • Content panels
    • Carousel
    • Validation Form
    • Dialogs
    • Input controls
    • Lists
    • Textareas
    • Forms
    • File Inputs
    • Ajax
    • Viewport
    • Select
    • Scrollbar

Images

Cover

The image keeps its aspect ratio and fills the given dimension. The image will be clipped to fit

image cover

Contain

The image keeps its aspect ratio, but is resized to fit within the given dimension.

image contain

Fill

This is default. The image is resized to fill the given dimension. If necessary, the image will be stretched or squished to fit.

image fill

No resize

The image is not resized

image no-resize

Contents

  • Cover
  • Contain
  • Fill
  • No resize