?? GreyFile — Mystic File Browser

Current path: home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules/shortcodes/


?? Go up: /home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules

?? Viewing: _progress-bar.scss

/* ==========================================================================
   Progress bar shortcode start styles
   ========================================================================== */
.edgtf-progress-bar{
    position: relative;
    margin: 0 0 10px;
    width: 100%;
    overflow: hidden;
    text-align: left;
    padding-right: 24px;
    
    .edgtf-progress-title-holder{
        position: relative;
        margin:0;
        
        .edgtf-progress-title{
            display: inline-block;
            z-index: 100;
            color:#575757;
            font-size:14px;
        }
    }    
    .edgtf-progress-number-wrapper  {
        text-align: right;
        position: absolute;
        left: 0;
        z-index: 10;
        opacity: 0;
        color: #575757;
        bottom: 0;
        
        .edgtf-progress-number {
            font-size: 14px;
            font-weight: 700;
            display: inline-block;
            text-align: center;
            float: right;
            height: 21px; 
            line-height: 21px;
            padding-left: 8px;
            padding-right: 8px;
        }
        .edgtf-progress-number .edgtf-percent:after{
            content: '%';
            margin-left: 0.1em;
            font-size: 1em;
        }
        
    }
    .edgtf-progress-number-wrapper.edgtf-floating{
        width: 100%;
        height: 100%;
        
        .edgtf-progress-number{
            position:absolute;
            @include edgtfTransform(translateX(-50%));
            bottom: 0;
        }   
        
    }        
    
    .edgtf-progress-number-wrapper.edgtf-floating-inside .edgtf-progress-number{
        @include edgtfTransform(translateX(-100%));
        height: 16px;
        line-height: 16px;
        
        .edgtf-percent{
            display: inline-block;
        }
    }
    .edgtf-progress-number-wrapper.edgtf-static {
        width: 100%;
        margin-left: 0;
        .edgtf-progress-number {
            color: $first-main-color;
            font-size: 14px;
        }
    }
    
    .edgtf-progress-content-outer{
        background-color: #fff;
        position: relative;
        overflow: hidden;
        height: 16px;
        border-color: $default-border-color;

        .edgtf-progress-content{
            max-width: 100%;
            width:0;
            overflow: hidden;
            background-color: $first-main-color;
            height: 16px;
            border: 1px solid transparent;
            box-sizing: border-box;
			position: relative;
			z-index: 20;
        }

		&:after {
			content: '';
			border-width: 2px;
			border-color: inherit;
			border-style: solid;
			position: absolute;
			z-index: 19;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			display: block;
			box-sizing: border-box;

		}
    }
}
/* ==========================================================================
   Progress bar shortcode end styles
   ========================================================================== */

??

??