Mapeate/Public/scss/Mapeate.base.scss

.mapeate{

    position : relative;
    top : 0em;
    left : 0em;
    width : 100%;
    height : 100%;
    color : $color-delante;
    background-color : $color-detras;
    overflow : hidden;

    &,h1,h2,h3,h4,h5,h6{font-size : 1em;}
    &,input,textarea,button{font-family : $fuente-principal;}

    [data-visible=false]{display : none !important;}

    a[href]{
        text-decoration : none;
    }

    a[href],[onclick],button,[type=button],[type=reset],[type=submit]{
        color : $color-primario;
        cursor : pointer;
        transition-property : color;
        transition-duration : $transicion-salida;
        &:hover{
            color : $color-secundario;
            transition-duration : $transicion-entrada;
        }
    }

    [data-icon]::before{
        margin : 0em .4em;
        font-family : $fuente-iconificada;
        font-size : 1em;
        vertical-align : middle;
    }

    nav ul{
        margin : 0em;
        padding : 0em;
        list-style-type : none;
    }

    header,main,footer{
        position : absolute;
        left : 0em;
        width : 100%;
    }

    header{
        top : 0em;
        height : $tamano-cabecera;
        z-index : 20;
    }

    main{
        top : $tamano-cabecera;
        bottom : $tamano-pie;
        overflow : auto;
        z-index : 10;
    }

    footer{
        bottom : 0em;
        height : $tamano-pie;
        z-index : 30;
    }

    h1{
        position : absolute;
        top : 0em;
        left : 0em;
        margin : ($tamano-cabecera * .02) .1em;
        font-size : $tamano-cabecera * .8;
        span{vertical-align : middle;}
        img{
            width : auto;
            height : 1em;
            &+span{display : none;}
        }
        span+span{font-size : .85em;}
    }

    .menu-principal{
        position : absolute;
        left : 50%;
        bottom : 0em;
        width : 30em;
        margin-left : -15em;
        text-align : center;
        li{
            display : inline-block;
            margin : 0em 1em;
        }
    }

    .menu-links{
        position : absolute;
        top : 0em;
        right : 0em;
        margin : .1em;
        li{
            display : inline-block;
            width : 1em;
            height : 1em;
            margin : 0em .2em;
            font-size : 2em;
            text-align : center;
            background-color : $color-delante;
            border-radius : .5em;
            &>a{
                font-size : .77em;
                vertical-align : top;
            }
            [data-i18n]{display : none;}
        }
        [data-icon]::before{
            margin : 0em;
            // font-size : .7em;
        }
    }

    .licencias{
        display : block;
        width : 100%;
        margin : .1em 0em;
        font-size : .85em;
        font-weight : 900;
        text-align : center;
        img{
            width : auto;
            height : 1em;
        }
    }

}