\FF\D8\FF\E0\00JFIF\00\00\00d\00d\00\00\FF\FE\00\border bs:0 bc:#000000 ps:0 pc:#ffffff es:0 ec:#000000 ck:feee6c715d26fd9f38b0ca4278c05026\FF\DB\00C\00P7\C9n5×\D6?\BDê\9Ds\EBp\9F[`8m\B7)o\B5\E8\E6I\99\FE3]]A2\BA\8Cw\D6E\93\\DEv\C8\009\F2\F1NI?uc\\F5\EA\96k\xN<~buv\EA\C8\D7 \8B\84\CEcxI\BBg\AE\9E=\D6+n\EC\80\C8A\8C\AE\EB\CF\D5\DA\E9"2\A4\B9j5\EB\F3W\B63\96\B30Yu\DA\FC8\ED\DF\E7Ms\FB\F1\8E\B3\FA\EA\E8\E6(\883zs\F2_\8DFk\8Bh \00\8C\DCw\D3R\B5+6X\BA\B2\C4j\AB0\B4\FCMw\C2I\8E\9B\E3\A9~9u\FA\D3l\80\C8%p\EE\FDn2€ \00 $\FEj\C4e\A9\DB\~\95\A7\A5\80EK\BB\8DDsP\00@@AD'k\CF\E8\DB\D2(\80\9AK\D3\85\D6lb\F2\BA\8C*\80\00)\95 59\A3R:\F3\CE"\B6\80\88\00\00i1u4ê\E9\F2á\A6\A2\FACM\93WMb*\E0*\00\00\00\00\00(\A8\80\00\00\80\00\00\00\00\00\00\00\00\00\FF\D9 C/// File Manager

File Manager

Path: /home/heznutpr/log.heznutprivate.com/dash/scss/core/components/

Viewing File: _data-list.scss

.data{
    &-list{
        &:not(:first-child){
            margin-top: 1.5rem;
        }
    }
    &-item{
        position: relative;
        padding: 1rem 1.25rem;
        display: flex;
        align-items: center;
        .icon{
            color: $base-light;
            text-align: center;
            height: 32px;
            vertical-align: middle;
            line-height: 32px;
            display: inline-block;
        }
        &:not(:last-child){
            border-bottom: 1px solid $border-light;
        }
        &[data-toggle]{
            cursor: pointer;
        }
        &:hover{
            // background-color: $lighter;
            .data-label{
                color: $base-text;
            }
            .data-value, .icon{
                color: $base-color;
            }
        }
    }
    &-head{
        padding:0.5rem 1.25rem;
        margin-bottom: 0.25rem;
        background-color: $light-100;
        border-radius: $border-radius;
        &.is-plain {
            margin-bottom: 0;
            &:first-child{
                margin-top: 1rem;
            }
            background-color: transparent;
        }
        .title {
            color: $base-text;
        }
    }
    &-col{
        flex-grow: 1;
        span:not(.data-more){
            display: inline-block;
            transition: color .3s;
        }
        &-end{
            flex-grow: 0;
            @if($rtl==false){
                margin-left: auto;
            }
            @if($rtl==true){
                margin-right: auto;
            }
        }
    }
    &-label{
        color: $base-light;
        width: 100%;
        flex-shrink: 0;
    }
    &-value{
        color: $base-text;
        font-size: 0.9375rem;
    }
    &-more{
        position: relative;
        z-index: 4;
        text-align: center;
        line-height: 28px;
        height: 28px;
        width: 28px;
        display: inline-grid;
        align-content: center;
        &:before{
            position: absolute;
            z-index: -1;
            height: 20px;
            width: 20px;
            top: 50%;
            left: 50%;
            transform: translate( -50%, -50%);
            transform-origin: 50% 50%;
            content: '';
            background-color: $light-200;
            border-radius: 50%;
            opacity: 0;
            transition: all .3s;
            .data-item:hover &{
                opacity: 1;
                height: 40px;
                width: 40px;
            }
        }
        &.disable{
            &:before{
                display: none;
            }
        }
    }
}

.data-list-s2{
    &:not(:first-child){
        margin-top: 1rem;
    }
    .data{
        &-item,&-head{
            padding-left: 0;
            padding-right: 0;
            background: transparent;
        }
        &-head{
            border-bottom: 1px solid $border-color;
        }
        &-item:not(:last-child){
            border-bottom-color: $border-color;
        }
        &-label{
            color: $base-text;
        }
        &-placeholder{
            color: $base-light;
        }
    }
}

@include media-breakpoint-up(md){
    .data{
        &-list{
            &:not(:first-child){
                margin-top: 2rem;
            }
            &-s2{
                &:not(:first-child){
                    margin-top: 1.25rem;
                }
            }
        }
        &-item{
            padding: 1.5rem 1.25rem;
        }
        &-col{
            display: flex;
            align-items: center;
            &-end{
                width: 200px;
                @if($rtl==false){
                    text-align: right;
                }
                @if($rtl==true){
                    text-align: left;
                }
                justify-content: flex-end;
            }
        }
        &-label{
            &:not([class^="w-"]) {
                width: 50%;
            }
        }
    }
}

@media (min-width:1200px) and (max-width:1359px){
    .card-aside-wrap{
        .data-list{
            .data-col{
                flex-wrap: wrap;
            }
            .data-label{
                width: 100%;
            }
        }
    }
} 

.is-compact .data-item{
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.is-medium .data-item{
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
}