chore: style and script refactor

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
This commit is contained in:
David Karlsson 2024-02-23 15:01:55 +01:00
parent 6b73b05acb
commit adcb1edfa7
5 changed files with 24 additions and 12 deletions

View File

@ -18,12 +18,6 @@
@apply text-blue-light underline underline-offset-2 dark:text-blue-dark; @apply text-blue-light underline underline-offset-2 dark:text-blue-dark;
} }
.external-link {
.icon-svg svg {
@apply text-base ml-1 align-top;
}
}
.invertible { .invertible {
@apply dark:hue-rotate-180 dark:invert dark:filter; @apply dark:hue-rotate-180 dark:invert dark:filter;
} }

View File

@ -8,4 +8,22 @@
fill: currentColor; fill: currentColor;
} }
} }
.icon-xs {
svg {
@apply text-base;
}
}
.icon-sm {
svg {
@apply text-lg;
}
}
.icon-top {
svg {
@apply ml-1 align-top;
}
}
} }

View File

@ -2,12 +2,12 @@
{{- if (strings.HasPrefix $url "http") -}} {{- if (strings.HasPrefix $url "http") -}}
{{/* external link, add icon */}} {{/* external link, add icon */}}
<a <a
class="link external-link" class="link"
href="{{ $url | safeURL }}" href="{{ $url | safeURL }}"
target="_blank" target="_blank"
rel="noopener"> rel="noopener">
{{- .Text | safeHTML -}} {{- .Text | safeHTML -}}
<span class="icon-svg"> <span class="icon-svg icon-xs icon-top">
{{- partial "icon" "open_in_new" -}} {{- partial "icon" "open_in_new" -}}
</span></a> </span></a>
{{- else if (strings.HasPrefix $url "/") -}} {{- else if (strings.HasPrefix $url "/") -}}

View File

@ -3,9 +3,9 @@
{{ if not (in .Filename "/_vendor/") }} {{ if not (in .Filename "/_vendor/") }}
<p class="flex items-center gap-2"> <p class="flex items-center gap-2">
<span class="icon-svg">{{ partial "icon" "edit" }}</span> <span class="icon-svg">{{ partial "icon" "edit" }}</span>
<a class="link external-link" target="_blank" rel="noopener" <a class="link" target="_blank" rel="noopener"
href="{{ site.Params.repo }}/edit/main/content/{{ .Path }}">{{ T "editPage" }} href="{{ site.Params.repo }}/edit/main/content/{{ .Path }}">{{ T "editPage" }}
<span class="icon-svg"> <span class="icon-svg icon-xs icon-top">
{{- partial "icon" "open_in_new" -}} {{- partial "icon" "open_in_new" -}}
</span></a> </span></a>
</p> </p>
@ -13,9 +13,9 @@
{{ end }} {{ end }}
<p class="flex items-center gap-2"> <p class="flex items-center gap-2">
<span class="icon-svg">{{ partial "icon" "done" }}</span> <span class="icon-svg">{{ partial "icon" "done" }}</span>
<a class="link external-link" target="_blank" rel="noopener" <a class="link" target="_blank" rel="noopener"
href="{{ site.Params.repo }}/issues/new?template=doc_issue.yml&location={{ .Permalink }}&labels=status%2Ftriage">{{ T "requestChanges" }} href="{{ site.Params.repo }}/issues/new?template=doc_issue.yml&location={{ .Permalink }}&labels=status%2Ftriage">{{ T "requestChanges" }}
<span class="icon-svg"> <span class="icon-svg icon-xs icon-top">
{{- partial "icon" "open_in_new" -}} {{- partial "icon" "open_in_new" -}}
</span></a> </span></a>
</a> </a>