Adjust font sizes
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful

This commit is contained in:
Ondřej 2023-04-10 12:48:24 +02:00
parent a2e450f193
commit 616ffce2f6
7 changed files with 33 additions and 26 deletions

View file

@ -38,7 +38,7 @@
.subheading,
.prose h3 {
@apply text-sm font-bold text-red-800 dark:text-red-300;
@apply font-bold text-red-800 dark:text-red-300;
}
:is(.subheading, .prose h3)::before {
@ -49,7 +49,6 @@
.subsubheading,
.prose h4 {
@apply text-sm;
font-weight: 500;
}

View file

@ -709,6 +709,10 @@ video {
margin-bottom: 1rem;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.block {
display: block;
}
@ -943,8 +947,8 @@ video {
font-family: Spline Sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.text-\[20px\] {
font-size: 20px;
.text-\[18px\] {
font-size: 18px;
}
.text-sm {
@ -957,6 +961,11 @@ video {
line-height: 1rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.font-bold {
font-weight: 700;
}
@ -1056,8 +1065,6 @@ video {
.subheading,
.prose h3 {
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(153 27 27 / var(--tw-text-opacity));
@ -1077,8 +1084,6 @@ video {
.subsubheading,
.prose h4 {
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
}
@ -1308,13 +1313,8 @@ html:not(.dark) .light\:hidden {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:text-\[22px\] {
font-size: 22px;
}
.md\:text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
.md\:text-\[20px\] {
font-size: 20px;
}
}
@ -1416,8 +1416,16 @@ html:not(.dark) .light\:hidden {
padding-bottom: 1.5rem;
}
.lg\:text-\[24px\] {
font-size: 24px;
.lg\:text-\[22px\] {
font-size: 22px;
}
.lg\:text-\[20px\] {
font-size: 20px;
}
.lg\:text-\[16px\] {
font-size: 16px;
}
.dark .dark\:lg\:bg-transparent {

View file

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html class="font-main leading-normal text-[20px] md:text-[22px] lg:text-[24px]" lang="{{ site.LanguageCode | default site.Language.Lang }}" dir="{{ site.Language.LanguageDirection | default "ltr" }}">
<html class="font-main leading-normal text-[18px] md:text-[20px] lg:text-[22px]" lang="{{ site.LanguageCode | default site.Language.Lang }}" dir="{{ site.Language.LanguageDirection | default "ltr" }}">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />

View file

@ -1,7 +1,7 @@
{{ define "main" -}}
<main class="border-t dark:border-gray-800 pt-4">
<main class="border-t dark:border-gray-800 pt-6">
<header class="container mx-auto px-6 mb-6">
<h1 class="font-bold">{{ .Title }}</h1>
<h1 class="font-bold text-lg">{{ .Title }}</h1>
</header>
<div class="container mx-auto px-6">

View file

@ -1,8 +1,8 @@
{{ define "main" -}}
<main>
<article class="border-t dark:border-gray-800 pt-4">
<article class="border-t dark:border-gray-800 pt-6">
<header class="container mx-auto px-6 mb-6">
<h1 class="font-bold {{ if $.Param "submitted" | default false }}title-submitted{{ end }}">{{ .Title }}</h1>
<h1 class="text-lg font-bold {{ if $.Param "submitted" | default false }}title-submitted{{ end }}">{{ .Title }}</h1>
{{ if $.Param "submitted" | default false }}{{ partial "submitted.html" . }}{{ end -}}
{{ if .Params.tags }}{{ partial "tags.html" . }}{{ end -}}
</header>

View file

@ -29,8 +29,8 @@
<ol>
<template x-for="post in postsResource.data">
<li class="mb-4">
<article class="md:text-sm">
<p x-text="post.text"></p>
<article class="text-sm">
<p x-text="post.text" class="mb-1"></p>
<time
class="text-gray-500 text-xs"
x-bind:datetime="post.creation_date"
@ -41,7 +41,7 @@
</template>
</ol>
{{ with site.Params.tickerClientURL }}
<a class="link md:text-sm font-bold" href="https://{{ . }}" target="_blank">Přečíst starší zprávy →</a>
<a class="link text-sm font-bold" href="https://{{ . }}" target="_blank">Přečíst starší zprávy →</a>
{{ end }}
</div>
</template>

View file

@ -3,7 +3,7 @@
{{ define "main" -}}
<main>
<section class="container mx-auto px-6 mb-6 mt-6 prose">
{{ .Content }}
<div class="max-w-screen-lg">{{ .Content }}</div>
</section>
<section class="container mx-auto px-6 my-16">