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

View File

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

View File

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