Sha256: 70aaab2599dd323660a079acd5c461782e2b6b7e6812408e1c8afcd894c5e3c8

Contents?: true

Size: 1.1 KB

Versions: 4

Compression:

Stored size: 1.1 KB

Contents

.uniformThumb{
    display:inline-block;
    background: color('gray-80');
    position:relative;
    color: white;
    text-align:center;
    & > * {
        display: block;
        position:absolute;
        width: 100%;
        position:absolute;
        top:50%;
        transform: translateY(-50%);
    }
    & > img {
        height: 100%;
        object-fit: cover;
    }
    &.-contain {
        & > img {
            object-fit: contain;
        }
    }
}
@include responsive-rule(".aspect-4x3"){
    &::before{
        content: "";
        display: block;
        padding-top: 75%;
        padding-left: 75%;
    }
}
@include responsive-rule(".aspect-2x1"){
    &::before{
        content: "";
        display: block;
        padding-top: 50%;
        padding-left: 50%;
    }
}
@include responsive-rule(".aspect-16x9"){
    &::before{
        content: "";
        display: block;
        padding-top: 56.25%;
        padding-left: 56.25%;
    }
}
@include responsive-rule(".aspect-square"){
    &::before{
        content: "";
        display: block;
        padding-top:100%;
        padding-left:100%;
    }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
uniform-ui-3.0.0.beta8 lib/assets/stylesheets/uniform/components/thumb.scss
uniform-ui-3.0.0.beta5 lib/assets/stylesheets/uniform/components/thumb.scss
uniform-ui-3.0.0.beta4 lib/assets/stylesheets/uniform/components/thumb.scss
uniform-ui-3.0.0.beta2 lib/assets/stylesheets/uniform/components/thumb.scss