nova-ui/containers/Footer/View.vue

53 lines
869 B
Vue
Raw Permalink Normal View History

2022-12-04 09:02:30 +03:00
<template>
<footer :class="$style.footer">
<div :class="$style.container">
<texts />
<links />
</div>
</footer>
</template>
<script>
import { Texts, Links } from './components'
export default {
components: {
Texts,
Links,
},
}
</script>
<style lang="scss" module>
.footer {
position: relative;
padding: 0 0 6rem;
flex-shrink: 0;
background-color: $color-transparent;
@include media('md') {
padding: 0;
}
}
.container {
margin: 0 auto;
padding: 1.4rem 2rem;
max-width: 136rem;
display: flex;
flex-direction: column;
align-items: center;
@include media('sm') {
flex-direction: row;
justify-content: space-between;
}
@include media('md') {
padding: 1.4rem 1.8rem;
}
@include media('xl') {
padding: 3rem 0;
}
@include media('xxl') {
padding: 1.8rem 3.4rem;
}
}
</style>