?? 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: _message.scss

/* ==========================================================================
# Message style - begin
========================================================================== */
/* Unique style for both types  - begin
========================================================================== */
.edgtf-message{
    position: relative;
	padding: 24px 27px;
	margin: 0;
	background-color: #ccc;
    border: 0 solid #d7d7d7;
    @media only screen and (max-width: 480px){
        padding: 20px 22px;
    }
    .edgtf-message-inner{
        position: relative;
        padding-right: 20px;
        
        .edgtf-message-text{
            display: table;
            height: 100%;
            @media screen and (max-width: 320px) {
               line-height: normal !important;
            }
            .edgtf-message-text-inner{
                display: table-cell;
                height: 100%;
                vertical-align: middle;
                color: #fff;
                font-size: 18px;
                font-weight: 400;
                color: #fff;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
            }
        }
        
        a.edgtf-close{
            position: absolute;
            right: 6px;
            top: 2px;
            line-height: 13px;
            font-size: 18px;
            
            i{
                width: 14px;
                height: 14px;
                color: #fff;
                font-weight: 700;
                display: inline-block;
                
                &:hover{
                    color: $first-main-color;
                }
            }
        }
    }
}
/* Unique style for both types - end
========================================================================== */

/* Type with icon - begin
========================================================================== */
.edgtf-message.edgtf-with-icon{
    .edgtf-message-icon-holder{
        float: right;
        padding: 0 20px 0 34px;
        @media only screen and (max-width: 600px){
            padding: 20px 22px;
        }
        .edgtf-message-icon{
            display: table;
            height: 100%;
            
            .edgtf-message-icon-inner{
                display: table-cell;
                height: 100%;
                vertical-align: middle;
                color: #fff;
                font-size: 18px;
                font-weight: 400;
                >i,
                >span{
                    color: #fff;
                    line-height: 1em;
                    padding: 8px;
                } 
            }
        }
    }
}


/* Type with icon - end
========================================================================== 
/* ==========================================================================
# Message style - end
========================================================================== */

??

??