ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Normalize line height for headings

This commit is contained in:
Ramon Wenger 2019-07-31 14:03:39 +02:00
parent c9df7354fb
commit 4eea9c3a2c
4 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
client/src/components/content-blocks/SectionTitleBlock.vue
View File

@ -9,7 +9,10 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/styles/_variables.scss";
.section-title { .section-title {
margin-bottom: 30px; margin-bottom: 30px;
line-height: $default-heading-line-height;
} }
</style> </style>

1
client/src/components/content-blocks/SubtitleBlock.vue
View File

@ -13,5 +13,6 @@
.subtitle { .subtitle {
padding-top: 1px; padding-top: 1px;
margin-bottom: $large-spacing; margin-bottom: $large-spacing;
line-height: $default-heading-line-height;
} }
</style> </style>

1
client/src/pages/instrument.vue
View File

@ -67,6 +67,7 @@
&__title { &__title {
font-size: toRem(35px); font-size: toRem(35px);
margin-bottom: 40px; margin-bottom: 40px;
line-height: $default-heading-line-height;
} }
& /deep/ { & /deep/ {

1
client/src/styles/_variables.scss
View File

@ -77,6 +77,7 @@ $font-weight-semibold: 600;
$font-weight-regular: 400; $font-weight-regular: 400;
$default-line-height: 1.5; $default-line-height: 1.5;
$default-heading-line-height: 1.2;
// popover // popover
$popover-default-bottom: -110px; $popover-default-bottom: -110px;