//*****************************************************************************
//*****************************************************************************
// SwellCore Quasar Image Styles
//*****************************************************************************
//*****************************************************************************

//=============================================================================
// Image Component
//=============================================================================
.scq-image {
    .scq-image--title:empty,
    .scq-image--footer:empty {
        display: none;
    }
    &.bordered {
        border: 0;
        .scq-image--inner {
            border: 1px #e0e0e0 solid;
        }
    }
    &.rounded-borders {
        border-radius: 0;
        .scq-image--inner {
            border-radius: 4px;
        }
    }
    &.scq-image--inline {
        .scq-image--title {

        }
    }
    .scq-image--inner {
        display: inline-block;
    }
    .scq-image--remove,
    .scq-image--unremove {
        padding: 5px;
    }
}

//=============================================================================
// Images Component
//=============================================================================
.scq-images {
    .scq-image--title {
        margin-bottom: 7px;
    }
    &.scq-images--inline {
        .scq-images--images {
            .scq-image {
                vertical-align: top;
                display: inline-block;
            }
        }
    }
    .scq-image--footer {
        margin-top: 8px;
    }
}

//=============================================================================
// Image View Component
//=============================================================================
.scq-image-view {
    .scq-image--inner {
        display: block;
    }
}