32 lines
553 B
Vue
32 lines
553 B
Vue
|
<template>
|
||
|
|
<div class="intro-outside">
|
||
|
|
<div class="intro-inside">
|
||
|
|
<slot/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "IntroContainer"
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
.intro-outside{
|
||
|
|
position: relative;
|
||
|
|
padding: 80px 0;
|
||
|
|
border-bottom: 1px solid #e3e3e3;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
color: var(--text-color);
|
||
|
|
background-color: var(--background-color);
|
||
|
|
}
|
||
|
|
.intro-inside{
|
||
|
|
width: 80%;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 0 15px;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
</style>
|