Update typography styles
This commit is contained in:
parent
636740a5a0
commit
652ccfc332
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
Loading…
Reference in New Issue