@import "colors.less";

body[data-page="campus"] #campus-map {
    /* NOTE: you cannot use all CSS properties here on SVG elements.
     * Things like border-radius and box-shadow do not work here. */
    svg {
        .building {
            stroke: @color-campus-building-border;
            stroke-width: 6;
            fill: @color-campus-building-fill;
            opacity: .5;

            &:hover {
                opacity: .7;
                stroke-width: 9;
            }
        }
    }
}

body[data-page="campus"] {
    img.description-picture {
        float: right;
        margin-left: 1em;
    }
}

@media (max-width: 800px) {
    /* do not bother showing large elements */
    body[data-page="campus"] {
        #campus-map {
            display: none;
        }
        img.description-picture {
            &.large {
                display: none;
            }
        }
    }
}
/* vim: set sw=4 et ts=4: */