Compare commits

..

No commits in common. "main" and "0.1.0" have entirely different histories.
main ... 0.1.0

7 changed files with 16 additions and 27 deletions

View File

@ -40,8 +40,6 @@ It is based on the [Duckquill](https://duckquill.daudix.one) theme for blogs.
- [aparoksha.dev](https://aparoksha.dev) - [aparoksha.dev](https://aparoksha.dev)
- [david.aparoksha.dev](https://david.aparoksha.dev) - [david.aparoksha.dev](https://david.aparoksha.dev)
- [duckling.aparoksha.dev](https://duckling.aparoksha.dev) - [duckling.aparoksha.dev](https://duckling.aparoksha.dev)
- [dwagon.cc](https://dwagon.cc)
- [present.quest](https://present.quest/)
- Yours? <small>(feel free to send a pull request)</small> - Yours? <small>(feel free to send a pull request)</small>
### Thanks To ### Thanks To

View File

@ -8,7 +8,7 @@ tags = ["Release", "Demo", "Test"]
[extra.comments] [extra.comments]
host = "mastodon.de" host = "mastodon.de"
user = "david_swift" user = "david_swift"
id = "114331050904633228" id = "" # TODO: Add id
+++ +++
Duckling is here! Duckling is here!

View File

@ -1,12 +0,0 @@
+++
authors = ["david-swift"]
title = "Release 0.1.1"
description = "Some minor changes"
date = 2025-04-23
[taxonomies]
tags = ["Release", "Demo", "Test"]
+++
- Remove animation from sidebar toggle button
- Fix tags in blogs overview not transparent
- Update docs

View File

@ -29,7 +29,7 @@ It is highly recommended to switch from the `main` branch to the latest release:
```bash ```bash
cd themes/duckling cd themes/duckling
git checkout tags/0.1.1 git checkout tags/v0.1.0
``` ```
Then, enable it in your `config.toml`: Then, enable it in your `config.toml`:
@ -43,6 +43,6 @@ To update the theme, simply switch to a new tag:
```bash ```bash
git submodule update --remote --merge git submodule update --remote --merge
cd themes/duckling cd themes/duckling
git checkout tags/0.1.1 git checkout tags/v0.1.0
``` ```

View File

@ -65,8 +65,6 @@
font-weight: bold; font-weight: bold;
line-height: 1; line-height: 1;
font-family: var(--font-system-ui); font-family: var(--font-system-ui);
display: flex;
align-items: center;
&::after { &::after {
-webkit-mask-image: var(--icon-right); -webkit-mask-image: var(--icon-right);
@ -133,12 +131,12 @@
} }
&.draft { &.draft {
--bg-overlay: var(--fg-muted-1-transparent); --bg-overlay: var(--fg-muted-1);
&::before { &::before {
-webkit-mask-image: var(--icon-pencil); -webkit-mask-image: var(--icon-pencil);
mask-image: var(--icon-pencil); mask-image: var(--icon-pencil);
background-color: var(--fg-muted-1-transparent); background-color: var(--fg-muted-1);
} }
h3 { h3 {
@ -146,7 +144,7 @@
} }
.badge { .badge {
background-color: var(--fg-muted-1-transparent); background-color: var(--fg-muted-1);
color: var(--fg-muted-5); color: var(--fg-muted-5);
.icon { .icon {
@ -156,7 +154,7 @@
} }
.tags a { .tags a {
background-color: var(--fg-muted-1-transparent-transparent); background-color: var(--fg-muted-1);
color: var(--fg-muted-5); color: var(--fg-muted-5);
&:hover { &:hover {
@ -277,7 +275,7 @@
transition: var(--transition); transition: var(--transition);
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
border-radius: 1rem; border-radius: 1rem;
background-color: var(--fg-muted-1-transparent); background-color: var(--fg-muted-1);
padding: 0.7rem; padding: 0.7rem;
color: var(--fg-muted-4); color: var(--fg-muted-4);
line-height: 0; line-height: 0;

View File

@ -63,7 +63,7 @@
position: fixed; position: fixed;
padding: 0.5em; padding: 0.5em;
margin: 1rem; margin: 1rem;
z-index: 9; z-index: 100;
.icon { .icon {
-webkit-mask-image: var(--icon-sidebar); -webkit-mask-image: var(--icon-sidebar);
@ -104,6 +104,11 @@
transition: left 0.3s; transition: left 0.3s;
} }
#sidebar-toggle:checked ~ .toggle-label {
left: 15em;
transition: left 0.3s;
}
#sidebar-toggle:checked ~ .toggle-overlay { #sidebar-toggle:checked ~ .toggle-overlay {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
transition: background-color 0.3s; transition: background-color 0.3s;

View File

@ -21,7 +21,7 @@
a { a {
transition: var(--transition); transition: var(--transition);
border-radius: 999px; border-radius: 999px;
background-color: var(--fg-muted-1-transparent); background-color: var(--fg-muted-1);
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
color: var(--fg-muted-5); color: var(--fg-muted-5);
font-size: var(--font-size-small); font-size: var(--font-size-small);