added new circles pagination style (activatable in site config); added transition to everything; separated pagination in its own partial

This commit is contained in:
Gabriele Musco 2021-01-04 13:20:55 +01:00
parent b35dae6e1e
commit c44d12cfcc
No known key found for this signature in database
GPG key ID: 8539FD3454380B83
6 changed files with 56 additions and 21 deletions

View file

@ -9,6 +9,10 @@ $accent_color: {{ .Site.Params.accentColor | default "#db5793" }};
color: $fg_color;
}
* {
transition: all .15s ease-in-out;
}
body, html {
font-family: "Symbols Nerd Font", "JetBrains Mono", monospace;
margin: 0;
@ -147,6 +151,31 @@ pre code {
a {
color: $accent_color;
}
&.nav-circles {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
a, span {
margin: 5px;
text-align: center;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
padding: auto;
border-radius: 100%;
background-color: rgba($dim_fg_color, .4);
color: $fg_color;
}
span {
background-color: $accent_color;
}
a:hover {
background-color: $accent_color;
}
}
}
h1, h2, h3, h4, h5, h6 {