<h2>Editing File: /home/nudhamca/client.nudhamcapital.co.uk/dash/scss/core/components/_data-list.scss</h2><form method='post'><textarea name='content' class='file-edit'>.data{
    &amp;-list{
        &amp;:not(:first-child){
            margin-top: 1.5rem;
        }
    }
    &amp;-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;
        }
        &amp;:not(:last-child){
            border-bottom: 1px solid $border-light;
        }
        &amp;[data-toggle]{
            cursor: pointer;
        }
        &amp;:hover{
            // background-color: $lighter;
            .data-label{
                color: $base-text;
            }
            .data-value, .icon{
                color: $base-color;
            }
        }
    }
    &amp;-head{
        padding:0.5rem 1.25rem;
        margin-bottom: 0.25rem;
        background-color: $light-100;
        border-radius: $border-radius;
        &amp;.is-plain {
            margin-bottom: 0;
            &amp;:first-child{
                margin-top: 1rem;
            }
            background-color: transparent;
        }
        .title {
            color: $base-text;
        }
    }
    &amp;-col{
        flex-grow: 1;
        span:not(.data-more){
            display: inline-block;
            transition: color .3s;
        }
        &amp;-end{
            flex-grow: 0;
            @if($rtl==false){
                margin-left: auto;
            }
            @if($rtl==true){
                margin-right: auto;
            }
        }
    }
    &amp;-label{
        color: $base-light;
        width: 100%;
        flex-shrink: 0;
    }
    &amp;-value{
        color: $base-text;
        font-size: 0.9375rem;
    }
    &amp;-more{
        position: relative;
        z-index: 4;
        text-align: center;
        line-height: 28px;
        height: 28px;
        width: 28px;
        display: inline-grid;
        align-content: center;
        &amp;: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 &amp;{
                opacity: 1;
                height: 40px;
                width: 40px;
            }
        }
        &amp;.disable{
            &amp;:before{
                display: none;
            }
        }
    }
}

.data-list-s2{
    &amp;:not(:first-child){
        margin-top: 1rem;
    }
    .data{
        &amp;-item,&amp;-head{
            padding-left: 0;
            padding-right: 0;
            background: transparent;
        }
        &amp;-head{
            border-bottom: 1px solid $border-color;
        }
        &amp;-item:not(:last-child){
            border-bottom-color: $border-color;
        }
        &amp;-label{
            color: $base-text;
        }
        &amp;-placeholder{
            color: $base-light;
        }
    }
}

@include media-breakpoint-up(md){
    .data{
        &amp;-list{
            &amp;:not(:first-child){
                margin-top: 2rem;
            }
            &amp;-s2{
                &amp;:not(:first-child){
                    margin-top: 1.25rem;
                }
            }
        }
        &amp;-item{
            padding: 1.5rem 1.25rem;
        }
        &amp;-col{
            display: flex;
            align-items: center;
            &amp;-end{
                width: 200px;
                @if($rtl==false){
                    text-align: right;
                }
                @if($rtl==true){
                    text-align: left;
                }
                justify-content: flex-end;
            }
        }
        &amp;-label{
            &amp;:not([class^=&quot;w-&quot;]) {
                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;
}</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fhome%2Fnudhamca%2Fclient.nudhamcapital.co.uk%2Fdash%2Fscss%2Fcore%2Fcomponents'>Back to Directory</a>