Sirius UI Documentation

Image

The right space for your pictures

Sizes

sirius
sirius
sirius
default classes size (px)
.dim-16x16 16x16
.dim-24x24 24x24
.dim-32x32 32x32
.dim-48x48 48x48
.dim-50x50 50x50
.dim-60x60 60x60
.dim-64x64 64x64
.dim-70x70 70x70
.dim-80x80 80x80
.dim-96x96 96x96
.dim-100x100 100x100
.dim-128x128 128x128
.dim-200x200 200x200
.dim-250x250 250x250
.dim-300x300 300x300
.dim-400x400 400x400
Wrap your img into a .image container.

Shapes

sirius
sirius
sirius
By default .image will match your $border-radius variable.

Frames

sirius
sirius
sirius

Ratio

image
image
image
default classes alias ratio
.ratio-9-16 .ratio-portrait 9/16
.ratio-1-1 .ratio-square 1/1
.ratio-4/3 4/3
.ratio-3-2 3/2
.ratio-16-9 .ratio-landscape 16/9
.ratio-2-1 2/1
For unknown image sizes.
Larastars