backend: rework CSS

- Change text defaults to "small text"
- Add class for "big text"
- Use variable for gaps
- Split .gallery links normal style from pseudo classes
- Remove unused classes and elements
This commit is contained in:
Lucas 2023-03-26 20:56:06 +00:00
parent 1a2e86d666
commit b2c2b7e3a5
3 changed files with 53 additions and 77 deletions

View file

@ -1,6 +1,6 @@
% if (my $pager = stash("pager")) {
<footer>
<nav class="text-center">
<nav class="text-center leading-loose">
<%= link_to "<<" => url_with->query({ page => $pager->{first_page} })
if exists $pager->{first_page} %>
<%= link_to "<" => url_with->query({ page => $pager->{previous_page} })

View file

@ -6,9 +6,9 @@
<title><%= join(" - ", "Pooru", title() // ()) %></title>
<%= stylesheet "/css/style.css" %>
</head>
<body class="bg-default fg-default flex-c-vertical">
<header>
<nav class="viewport flex-c-horizontal main-nav">
<body class="flex-c-vertical">
<header class="border-bottom">
<nav class="viewport text-big flex-c-horizontal">
<%= link_to "Pooru~" => "/" %>
<%= link_to "random" => "/random" %>
<%= link_to "tags" => "/tags" %>
@ -22,7 +22,7 @@
</div>
</main>
<footer class="border-top">
<p class="viewport text-center text-small">
<p class="viewport text-center leading-loose">
Powered by <%= link_to OpenBSD => "https://www.openbsd.org" %> and <%= link_to Perl => "https://www.perl.org/" %>.
</p>
</footer>