koco-image-loader/dist/image-loader.less

An image loader component

// Copyright (c) CBC/Radio-Canada. All rights reserved.
// Licensed under the MIT license. See LICENSE file in the project root for full license information.

/*
    Less style for the image loader
*/
image-loader {
    border-width: 0px;
    border-radius: 0px;
    border-color: #888;
    border-style: solid;
    display: block;
    background-color: none;

    &.default-img {
        width: 100%;
        height: 100%;
        background-size: 30px;
        background-color: #ebebeb;
        background-image: url(../bower_components/koco-image-loader/src/images/default_picture.svg);
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-transition: opacity .15s ease-out 0s;
        transition: opacity .15s ease-out 0s;
    }

    &.default-error:extend(.default-img){
        background-color: red;
    }
}