57 lines
759 B
Vue
57 lines
759 B
Vue
<template>
|
|
<div id="footerroot" class="container-fluid">
|
|
<div id="footercontent">
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "Footer"
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
@import "node_modules/bootstrap/scss/_functions.scss";
|
|
@import "node_modules/bootstrap/scss/_variables.scss";
|
|
@import "node_modules/bootstrap/scss/_mixins.scss";
|
|
|
|
#footerroot
|
|
{
|
|
background-color: black;
|
|
width:100%;
|
|
justify-content: center;
|
|
}
|
|
#footercontent
|
|
{
|
|
|
|
}
|
|
|
|
@include media-breakpoint-between(xs, sm) {
|
|
#footerroot
|
|
{
|
|
height:806px;
|
|
}
|
|
#footercontent
|
|
{
|
|
|
|
}
|
|
}
|
|
|
|
@include media-breakpoint-between(md, xl) {
|
|
#footerroot
|
|
{
|
|
height: 759px;
|
|
}
|
|
#footercontent
|
|
{
|
|
width:1912px;
|
|
align-content: center;
|
|
}
|
|
}
|
|
|
|
@media screen {
|
|
|
|
}
|
|
</style>
|