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

Update typography styles

This commit is contained in:
Ramon Wenger 2019-03-04 13:22:00 +01:00
parent 636740a5a0
commit 652ccfc332
2 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/components/modules/ModuleTeaser.vue
View File

@ -29,6 +29,7 @@
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/styles/_variables.scss"; @import "@/styles/_variables.scss";
@import "@/styles/_mixins.scss";
.module-teaser { .module-teaser {
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.12);
@ -55,13 +56,12 @@
&__meta-title { &__meta-title {
color: $color-grey; color: $color-grey;
margin-bottom: 20px; margin-bottom: $large-spacing;
font-size: 1.2rem; @include regular-text;
} }
&__title { &__title {
font-size: 1.5em; @include heading-3;
font-weight: $font-weight-bold;
margin-bottom: 5px; margin-bottom: 5px;
} }

11
client/src/pages/topic.vue
View File

@ -57,12 +57,9 @@
.topic { .topic {
&__teaser { &__teaser {
color: $color-grey; color: $color-darkgrey-1;
font-size: 1.2rem;
line-height: 25px;
width: 90%; width: 90%;
max-width: 900px; @include lead-paragraph;
font-family: $sans-serif-font-family;
} }
&__modules { &__modules {
@ -71,8 +68,8 @@
@supports (display: grid) { @supports (display: grid) {
display: grid; display: grid;
} }
grid-column-gap: 40px; grid-column-gap: $large-spacing;
grid-row-gap: 30px; grid-row-gap: $large-spacing;
@include desktop { @include desktop {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);