skttl
9/8/2015 - 8:37 AM

Bootstrap media query indicator

Bootstrap media query indicator

body:after {
    position:fixed;
    display:block;
    bottom:0;
    right:0;
    padding:1em;
    background:rgba(0,0,0,.7);
    color:#fff;
    content:'XS';

    @media (min-width:$screen-sm-min) {
        content:'SM';
    }

    @media (min-width:$screen-md-min) {
        content:'MD';
    }

    @media (min-width:$screen-lg-min) {
        content:'LG';
    }
}