Headline用スタイルをtypographyファイルのheadline-1 Mixinに移動

takusea · Dec 3, 2023 · 12db4d3 · 12db4d3
1 parent f0d146c
commit 12db4d3
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/components/template/OssLicenseSection.vue b/src/components/template/OssLicenseSection.vue
@@ -55,6 +55,7 @@ const selectLicenseIndex = (index: number | undefined) => {
 <style scoped lang="scss">
 @use '@/styles/variables' as vars;
 @use '@/styles/colors' as colors;
+@use '@/styles/typography' as typography;
 
 .container {
   // 親コンポーネントからheightを取得できないため一時的にcalcを使用、HelpDialogの構造を再設計後100%に変更する
@@ -74,10 +75,8 @@ const selectLicenseIndex = (index: number | undefined) => {
   background-color: #fff;
 }
 
-.headline {
-  font-size: 1.5rem;
-  line-height: 1;
-  margin: 0;
+.title {
+  @include typography.headline-1;
 }
 
 .list {

diff --git a/src/styles/typography.scss b/src/styles/typography.scss
@@ -0,0 +1,6 @@
+@mixin headline-1 {
+  font-size: 1.5rem;
+  line-height: 2;
+  margin: 0;
+  font-weight: 600;
+}