Sha256: 4bd5da8b8cdeee38c18327610dc1fda47702e05046f393ec5d134b32e2935306

Contents?: true

Size: 1.5 KB

Versions: 3

Compression:

Stored size: 1.5 KB

Contents

.avatar {
    display: inline-flex;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    position: relative;

    
    .avatar-content {
        width: 32px;
        height: 32px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: .875rem;
        svg, i {
            color: #fff;
            font-size: 1rem;
            height: 1rem;
        }
        i:before {
            vertical-align: top;
        }
    }

    img {
        width: 32px;
        height: 32px;
        border-radius: 50%;
    }

    .avatar-status {
        width: .7rem;
        height: .7rem;
        position: absolute;
        border-radius: 50%;
        border: 1px solid #fff;
        bottom: 0;
        right: 0;
    }

    &.avatar-sm {
        .avatar-content, img {
            width: 24px;
            height: 24px;
            font-size: .8rem;
        }
    }
    &.avatar-md {
        .avatar-content, img {
            width: 32px;
            height: 32px;
            font-size: .8rem;
        }
    }
    &.avatar-md2 {
        .avatar-content, img {
            width: 40px;
            height: 40px;
            font-size: .8rem;
        }
    }
    &.avatar-lg {
        .avatar-content, img {
            width: 48px;
            height: 48px;
            font-size: 1.2rem;
        }
    }
    &.avatar-xl {
        .avatar-content, img {
            width: 60px;
            height: 60px;
            font-size: 1.4rem;
        }
    }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
mazer-rails-0.1.4 vendor/assets/stylesheets/components/_avatar.scss
mazer-rails-0.1.3 vendor/assets/stylesheets/components/_avatar.scss
mazer-rails-0.1.2 assets/stylesheets/components/_avatar.scss