donmahallem/TrapezeClientNg

/* You can add global styles to this file, and also import other style files */

@import "~@angular/material/prebuilt-themes/indigo-pink.css";
@import "~material-design-icons/iconfont/material-icons.css";
@import "~leaflet/dist/leaflet.css";
%vehiclemarker-common {
    font-size: 12px;
    color: white;
    padding: 2px;
    display: flex;
    background-image: url("./assets/vehicle-icon-64.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
}
%vehiclemarker-common-text{
    display: block;
    text-align: center;
    width: 66%;
    margin:auto 0px auto 0px;
}
.vehiclemarker {
    @extend %vehiclemarker-common;
    span {
        @extend %vehiclemarker-common-text;
    }
}

.vehiclemarker-rotated {
    @extend %vehiclemarker-common;
    span {
        @extend %vehiclemarker-common-text;
        transform: scale(-1,-1);
        transform-origin:50% 50% 50%;
        //text-align: right;
    }
}