43 lines
977 B
Vue
43 lines
977 B
Vue
<template>
|
|
<footer class="simple-footer">
|
|
<p class="simple-footer__strong">
|
|
Copyright © 2022 hep Verlag, in Zusammenarbeit mit der EHB
|
|
</p>
|
|
<p class="simple-footer__regular">
|
|
Alle Inhalte von mySkillbox, insbesondere Texte und Grafiken, sind urheberrechtlich geschützt.
|
|
</p>
|
|
</footer>
|
|
</template>
|
|
|
|
<style scoped lang="scss">
|
|
@import "@/styles/_variables.scss";
|
|
@import "@/styles/_mixins.scss";
|
|
|
|
.simple-footer {
|
|
width: 100%;
|
|
justify-self: center;
|
|
padding: $large-spacing $small-spacing;
|
|
background-color: $color-silver-light;
|
|
display: grid;
|
|
grid-template-columns: 0 1fr 0;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
height: 105px;
|
|
|
|
@include desktop {
|
|
grid-template-columns: 1fr $footer-width 1fr;
|
|
}
|
|
|
|
&__strong {
|
|
@include aside-with-cheese;
|
|
font-weight: 600;
|
|
grid-column: 2;
|
|
}
|
|
|
|
&__regular {
|
|
@include aside-text;
|
|
grid-column: 2;
|
|
}
|
|
}
|
|
</style>
|