wires/hypnagaga
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

body-caption spacing #116

Browse source
This commit is contained in:
Prasanta Kumar Dutta 2023-09-05 19:20:30 +05:30
parent fa5f588c82
commit ca97ddfa7a
2 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/Byline/Byline.svelte
View file

@ -66,7 +66,7 @@
<Block id="{id}" class="byline-container {alignmentClass} {cls}" width="normal"> <Block id="{id}" class="byline-container {alignmentClass} {cls}" width="normal">
<aside class="article-metadata font-subhed"> <aside class="article-metadata font-subhed">
<div class="byline body-caption"> <div class="byline">
{#if $$slots.byline} {#if $$slots.byline}
<!-- Custom byline --> <!-- Custom byline -->
<slot name="byline" /> <slot name="byline" />
@ -92,7 +92,7 @@
{/if} {/if}
{/if} {/if}
</div> </div>
<div class="dateline fmt-0 body-caption"> <div class="dateline fmt-0">
{#if $$slots.published} {#if $$slots.published}
<div class="whitespace-nowrap inline-block"> <div class="whitespace-nowrap inline-block">
<!-- Custom published dateline --> <!-- Custom published dateline -->
@ -137,7 +137,6 @@
@use '../../scss/mixins' as *; @use '../../scss/mixins' as *;
.byline-container { .byline-container {
@include font-regular;
a { a {
&:hover { &:hover {
text-decoration-line: underline; text-decoration-line: underline;
@ -145,6 +144,12 @@
} }
} }
.byline,
.dateline {
@include body-caption;
@include fmb-1;
}
@media (min-width: $column-width-narrower) { @media (min-width: $column-width-narrower) {
.dateline { .dateline {
div { div {

3
src/scss/tokens/text/mixins/_text-role.scss
View file

@ -76,7 +76,8 @@
@include text-xs; @include text-xs;
@include leading-tighter; @include leading-tighter;
@include font-regular; @include font-regular;
@include fmy-1; @include fmt-1;
@include fmb-2;
} }
@mixin body-link { @mixin body-link {