diff --git a/src/assets/images/title-block.svg b/src/assets/images/title-block.svg new file mode 100644 index 0000000..8c77521 --- /dev/null +++ b/src/assets/images/title-block.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/scss/blocktitle.scss b/src/assets/scss/blocktitle.scss new file mode 100644 index 0000000..b19823f --- /dev/null +++ b/src/assets/scss/blocktitle.scss @@ -0,0 +1,37 @@ +$fontFamily: "Noto Serif CJK TC -Black"; + +div.block.title { + display: flex; + justify-content: center; + + font-size: 26px; + font-family: $fontFamily; + font-weight: bold; + + line-height: 1.44; + + margin: 36px 0; + + span.text { + display: contents; + + &::before, &::after { + display: inline-block; + content: ''; + width: 1.44em; + height: 1.44em; + margin: auto; + vertical-align: middle; + background-image: url('../assets/images/title-block.svg'); + background-size: contain; + } + + &::before { + margin-right: 18px; + } + + &::after { + margin-left: 18px; + } + } +} \ No newline at end of file diff --git a/src/components/BlockTitle.vue b/src/components/BlockTitle.vue new file mode 100644 index 0000000..e81a78b --- /dev/null +++ b/src/components/BlockTitle.vue @@ -0,0 +1,17 @@ + + + + \ No newline at end of file