Update styling of topic link in module
This commit is contained in:
parent
6a7fbd54cf
commit
8605fd4683
|
|
@ -3,7 +3,7 @@
|
||||||
class="module-navigation sub-navigation">
|
class="module-navigation sub-navigation">
|
||||||
<router-link
|
<router-link
|
||||||
:to="{name: 'topic', params: {topicSlug: module.topic.slug}}"
|
:to="{name: 'topic', params: {topicSlug: module.topic.slug}}"
|
||||||
class="sub-navigation-item">
|
class="sub-navigation-item module-navigation__topic-link">
|
||||||
<chevron-left class="sub-navigation-item__icon" />
|
<chevron-left class="sub-navigation-item__icon" />
|
||||||
Thema: {{ module.topic.title }}
|
Thema: {{ module.topic.title }}
|
||||||
</router-link>
|
</router-link>
|
||||||
|
|
@ -183,6 +183,10 @@
|
||||||
background-color: $color-white;
|
background-color: $color-white;
|
||||||
border-top: 1px solid $color-silver;
|
border-top: 1px solid $color-silver;
|
||||||
|
|
||||||
|
&__topic-link {
|
||||||
|
@include regular-text;
|
||||||
|
}
|
||||||
|
|
||||||
@include desktop {
|
@include desktop {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -110,7 +110,7 @@ $icon-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__label {
|
&__label {
|
||||||
font-family: $sans-serif-font-family;
|
@include regular-text;
|
||||||
}
|
}
|
||||||
|
|
||||||
$base: &;
|
$base: &;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue