Skip to content

New icons and updated scss base #257

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
szarnyasg merged 2 commits into from
Feb 5, 2026
Merged

New icons and updated scss base #257

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6752994
New icons and updated scss base
Franz-Kafka Dec 12, 2025
061ee37
Merge branch 'main' into main
szarnyasg Feb 5, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions _includes/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,3 +34,7 @@ <h6>Development</h6>
</div>
</div>
</footer>

<div class="svg-sprite" aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden;">
{% include icons.html %}
</div>
16 changes: 0 additions & 16 deletions _includes/icon.html
View file
Open in desktop

This file was deleted.

4 changes: 4 additions & 0 deletions _includes/icons.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{% capture sprite %}
{% include icons/sprite.svg %}
{% endcapture %}
{{ sprite }}
3 changes: 0 additions & 3 deletions _includes/icons/20/close.svg
View file
Open in desktop

This file was deleted.

3 changes: 0 additions & 3 deletions _includes/icons/20/moon.svg
View file
Open in desktop

This file was deleted.

4 changes: 0 additions & 4 deletions _includes/icons/20/sun.svg
View file
Open in desktop

This file was deleted.

3 changes: 0 additions & 3 deletions _includes/icons/24/chevron-down.svg
View file
Open in desktop

This file was deleted.

3 changes: 0 additions & 3 deletions _includes/icons/24/close.svg
View file
Open in desktop

This file was deleted.

3 changes: 0 additions & 3 deletions _includes/icons/24/moon.svg
View file
Open in desktop

This file was deleted.

4 changes: 0 additions & 4 deletions _includes/icons/24/sun.svg
View file
Open in desktop

This file was deleted.

1,014 changes: 1,014 additions & 0 deletions _includes/icons/sprite.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions _layouts/default.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,8 +49,8 @@
</div>
<div class="options">
<button class="mode" data-mode="dark">
{% include icon.html name="sun" class="icon icon-sun" size="24" %}
{% include icon.html name="moon" class="icon icon-moon" size="24" %}
<svg class="icon icon-sun"><use href="#sun"></use></svg>
<svg class="icon icon-moon"><use href="#moon-01"></use></svg>
</button>
</div>
</div>
Expand Down
10 changes: 7 additions & 3 deletions _layouts/docu.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -63,6 +63,7 @@
</div>
<div class="options">
<div class="opensearch">
<svg class="icon"><use href="#search-sm"></use></svg>
<span class="mac shortcut">⌘+k</span>
<span class="win shortcut">ctrl+k</span>
</div>
Expand Down Expand Up @@ -113,8 +114,8 @@
{% endunless %}
{% endif %}
<button class="mode" data-mode="dark">
{% include icon.html name="sun" class="icon icon-sun" size="24" %}
{% include icon.html name="moon" class="icon icon-moon" size="24" %}
<svg class="icon icon-sun"><use href="#sun"></use></svg>
<svg class="icon icon-moon"><use href="#moon-01"></use></svg>
</button>
</div>
</div>
Expand Down Expand Up @@ -174,7 +175,10 @@ <h5>In this article</h5>
</div>

</main>


<div class="svg-sprite" aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden;">
{% include icons.html %}
</div>

<script src="{{ site.baseurl }}/js/minisearch.js?{{ site.data['hash'] }}" defer></script>
<script src="{{ site.baseurl }}/js/search.js?{{ site.data['hash'] }}" defer></script>
Expand Down
4 changes: 2 additions & 2 deletions _layouts/post.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,8 +58,8 @@
</div>
<div class="options">
<button class="mode" data-mode="dark">
{% include icon.html name="sun" class="icon icon-sun" size="24" %}
{% include icon.html name="moon" class="icon icon-moon" size="24" %}
<svg class="icon icon-sun"><use href="#sun"></use></svg>
<svg class="icon icon-moon"><use href="#moon-01"></use></svg>
</button>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions _layouts/postarchive.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,8 +53,8 @@
</div>
<div class="options">
<button class="mode" data-mode="dark">
{% include icon.html name="sun" class="icon icon-sun" size="24" %}
{% include icon.html name="moon" class="icon icon-moon" size="24" %}
<svg class="icon icon-sun"><use href="#sun"></use></svg>
<svg class="icon icon-moon"><use href="#moon-01"></use></svg>
</button>
</div>
</div>
Expand Down
85 changes: 68 additions & 17 deletions _sass/abstracts/_mixins.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -355,6 +355,18 @@
margin-top: 30px;
}

h3,
h4 {
+ table {
margin-top: 18px;
}
}

h2 + .highlighter-rouge,
h3 + .highlighter-rouge{
margin-top: 30px;
}

blockquote {
h4 {
@include title-2();
Expand Down Expand Up @@ -384,12 +396,18 @@
margin-left: 0;
line-height: 27px;
}
tr{
border-bottom: 1px solid var(--doc-codebox-border-color, #E6E6E6)
}
th{
padding: 5px 10px;
}
}

table thead th {
@include title-2();
}

table tbody td {
@include body-standard();
padding: 10px;
Expand All @@ -402,6 +420,17 @@

div.highlight {
max-width: 750px;
border-radius: 10px;
border: 1px solid var(--doc-codebox-border-color, #D9D9D9);
}

pre.highlight {
tab-size: 4;
white-space: pre;
overflow-x: auto;
padding: 15px;
margin: 0;
border-radius: 10px;
}

div.highlighter-rouge + table,
Expand Down Expand Up @@ -435,7 +464,7 @@
code.language-plaintext {
border: 1px solid var(--doc-codebox-border-color, #E6E6E6);
background: var(--doc-codebox-background-color, #F2F2F2);
font-family: "JetBrainsMono-Medium", "Lucida Console", monospace;
font-family: "JetBrainsMono-Medium", monospace;
border-radius: 3px;
padding: 0px 2px;
margin: 0;
Expand All @@ -454,37 +483,59 @@
}
}

.duckdb_logo,
#duckdb_logo{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Ebene_1' version='1.1' viewBox='0 0 131.767 38'%3E%3Cdefs%3E%3Cstyle%3E.st0%7Bfill:%231d1d1b%7D.st1%7Bfill:%23fff100%7D%3C/style%3E%3C/defs%3E%3Cpath d='M19 38.055c-10.493 0-19-8.507-19-19s8.464-19 19-19 19 8.507 19 19-8.507 19-19 19Z' style='fill:%231a1a1a'/%3E%3Cpath d='M14.444 11.196c-4.318 0-7.859 3.54-7.859 7.86 0 4.36 3.54 7.858 7.86 7.858 4.317 0 7.858-3.54 7.858-7.859s-3.54-7.859-7.859-7.859ZM28.586 16.227h-3.735v5.657h3.735a2.828 2.828 0 0 0 0-5.657Z' class='st1'/%3E%3Cpath d='M70.301 22.123c0 1.684-.475 3.093-2.245 3.093s-2.246-1.409-2.246-3.093v-7.168h-3.195v7.859c0 3.066 2.461 4.853 5.44 4.853 2.98 0 5.442-1.787 5.442-4.853v-7.86H70.3v7.17ZM51.43 10.66h-4.954v16.703h4.954c5.3 0 9.286-1.728 9.286-8.363 0-6.636-3.987-8.34-9.286-8.34Zm-.138 14.123h-1.52V13.24h1.52c3.04 0 6.014.76 6.014 5.76 0 5.045-2.973 5.783-6.014 5.783ZM81.639 25.197c-1.751 0-2.996-1.45-2.996-4.054 0-2.581 1.314-3.986 2.972-3.986 1.222 0 2.327.852 2.581 2.05h3.041c-.437-3.064-3.018-4.516-5.622-4.516-3.709 0-6.22 2.72-6.22 6.497 0 3.756 2.373 6.475 6.082 6.475 2.58 0 5.138-1.129 5.875-4.517h-3.04c-.438 1.475-1.568 2.051-2.673 2.051ZM100.483 14.968h-3.571l-4.516 4.977v-9.286h-3.179v16.704h3.179v-3.732l1.521-1.636 3.249 5.368h3.571l-4.7-7.649 4.446-4.746zM107.002 10.66h-4.953v16.703h4.953c5.3 0 9.286-1.728 9.286-8.363 0-6.636-3.986-8.34-9.286-8.34Zm-.138 14.123h-1.52V13.24h1.52c3.041 0 6.014.76 6.014 5.76 0 5.045-2.973 5.783-6.014 5.783ZM129.28 18.54c.853-.554 1.89-1.96 1.89-3.526 0-3.433-3.157-4.355-6.083-4.355h-6.497v16.704h6.773c3.434 0 6.405-1.336 6.405-4.93 0-2.304-1.198-3.272-2.488-3.894Zm-7.395-5.3h3.409c1.544 0 2.49.783 2.49 2.096 0 1.475-.923 2.212-2.49 2.212h-3.41V13.24Zm3.64 11.543h-3.64v-4.747h3.502c2.05 0 3.018.83 3.018 2.397 0 1.544-.945 2.35-2.88 2.35Z' class='st0'/%3E%3C/svg%3E");
@mixin reset-button {
// Reset common browser styles
background: none;
border: none;
padding: 0;
margin: 0;
font: inherit;
cursor: pointer;
outline: none;
}

@mixin reset-unordered-list {
margin: 0;
padding: 0;
}

@mixin reset-list-item {
list-style: none;
}

@mixin logo {
background-size: contain;
background-repeat: no-repeat;
background-position: center left;
width: 131.77px;
height: 70px;
pointer-events: none;
}

.duckdb_logo,
#duckdb_logo{
@include logo;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Ebene_1' version='1.1' viewBox='0 0 131.767 38'%3E%3Cdefs%3E%3Cstyle%3E.st0%7Bfill:%231d1d1b%7D.st1%7Bfill:%23fff100%7D%3C/style%3E%3C/defs%3E%3Cpath d='M19 38.055c-10.493 0-19-8.507-19-19s8.464-19 19-19 19 8.507 19 19-8.507 19-19 19Z' style='fill:%231a1a1a'/%3E%3Cpath d='M14.444 11.196c-4.318 0-7.859 3.54-7.859 7.86 0 4.36 3.54 7.858 7.86 7.858 4.317 0 7.858-3.54 7.858-7.859s-3.54-7.859-7.859-7.859ZM28.586 16.227h-3.735v5.657h3.735a2.828 2.828 0 0 0 0-5.657Z' class='st1'/%3E%3Cpath d='M70.301 22.123c0 1.684-.475 3.093-2.245 3.093s-2.246-1.409-2.246-3.093v-7.168h-3.195v7.859c0 3.066 2.461 4.853 5.44 4.853 2.98 0 5.442-1.787 5.442-4.853v-7.86H70.3v7.17ZM51.43 10.66h-4.954v16.703h4.954c5.3 0 9.286-1.728 9.286-8.363 0-6.636-3.987-8.34-9.286-8.34Zm-.138 14.123h-1.52V13.24h1.52c3.04 0 6.014.76 6.014 5.76 0 5.045-2.973 5.783-6.014 5.783ZM81.639 25.197c-1.751 0-2.996-1.45-2.996-4.054 0-2.581 1.314-3.986 2.972-3.986 1.222 0 2.327.852 2.581 2.05h3.041c-.437-3.064-3.018-4.516-5.622-4.516-3.709 0-6.22 2.72-6.22 6.497 0 3.756 2.373 6.475 6.082 6.475 2.58 0 5.138-1.129 5.875-4.517h-3.04c-.438 1.475-1.568 2.051-2.673 2.051ZM100.483 14.968h-3.571l-4.516 4.977v-9.286h-3.179v16.704h3.179v-3.732l1.521-1.636 3.249 5.368h3.571l-4.7-7.649 4.446-4.746zM107.002 10.66h-4.953v16.703h4.953c5.3 0 9.286-1.728 9.286-8.363 0-6.636-3.986-8.34-9.286-8.34Zm-.138 14.123h-1.52V13.24h1.52c3.041 0 6.014.76 6.014 5.76 0 5.045-2.973 5.783-6.014 5.783ZM129.28 18.54c.853-.554 1.89-1.96 1.89-3.526 0-3.433-3.157-4.355-6.083-4.355h-6.497v16.704h6.773c3.434 0 6.405-1.336 6.405-4.93 0-2.304-1.198-3.272-2.488-3.894Zm-7.395-5.3h3.409c1.544 0 2.49.783 2.49 2.096 0 1.475-.923 2.212-2.49 2.212h-3.41V13.24Zm3.64 11.543h-3.64v-4.747h3.502c2.05 0 3.018.83 3.018 2.397 0 1.544-.945 2.35-2.88 2.35Z' class='st0'/%3E%3C/svg%3E");
width: 131.77px;
}

.ducklake_logo,
#ducklake_logo{
@include logo;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Ebene_1' version='1.1' viewBox='0 0 153.114 38'%3E%3Cdefs%3E%3Cstyle%3E.st0%7Bfill:%231d1d1b%7D%3C/style%3E%3C/defs%3E%3Cpath d='M70.327 22.083c0 1.684-.475 3.093-2.245 3.093s-2.246-1.409-2.246-3.093v-7.168h-3.195v7.859c0 3.066 2.461 4.853 5.441 4.853s5.441-1.787 5.441-4.853v-7.859h-3.195v7.168ZM51.455 10.62h-4.953v16.705h4.953c5.3 0 9.286-1.729 9.286-8.364s-3.986-8.341-9.286-8.341Zm-.137 14.124h-1.521V13.2h1.521c3.041 0 6.014.76 6.014 5.76 0 5.045-2.973 5.784-6.014 5.784ZM81.671 25.158c-1.751 0-2.995-1.451-2.995-4.055 0-2.581 1.313-3.986 2.973-3.986 1.221 0 2.327.853 2.58 2.051h3.041c-.438-3.064-3.018-4.516-5.621-4.516-3.71 0-6.222 2.719-6.222 6.498 0 3.756 2.373 6.475 6.083 6.475 2.581 0 5.138-1.129 5.875-4.517h-3.041c-.438 1.475-1.566 2.051-2.673 2.051ZM100.517 14.928h-3.571l-4.517 4.977V10.62H89.25v16.704h3.179v-3.732l1.521-1.636 3.249 5.368h3.571l-4.7-7.649 4.447-4.747zM105.376 10.62h-3.295v16.704h11.428v-2.673h-8.133V10.62zM123.07 16.518c-.668-1.175-1.936-1.866-3.503-1.866-3.018 0-5.46 2.581-5.46 6.474 0 3.963 2.511 6.498 5.46 6.498 1.291 0 2.696-.484 3.503-1.866v1.566h3.18V14.928h-3.18v1.59Zm-2.788 8.664c-1.659 0-2.834-1.613-2.834-4.032s1.175-4.055 2.834-4.055c1.751 0 2.903 1.543 2.903 4.032 0 2.558-1.152 4.056-2.903 4.056ZM140.347 14.928h-3.571l-4.516 4.977V10.62h-3.18v16.704h3.18v-3.732l1.521-1.636 3.249 5.368h3.571l-4.7-7.649 4.446-4.747zM147.096 25.158c-1.521 0-2.949-1.037-3.133-3.156h9.146c.115-4.378-2.258-7.35-6.082-7.35-3.664 0-6.222 2.742-6.222 6.428 0 3.571 2.327 6.544 6.313 6.544 3.387 0 5.185-2.051 5.853-3.895h-3.272c-.645 1.083-1.612 1.429-2.604 1.429Zm-.092-8.179c1.336 0 2.811.737 2.88 2.834h-5.875c.253-2.097 1.797-2.834 2.995-2.834Z' class='st0'/%3E%3Cpath d='M19 0C8.507 0 0 8.507 0 19s8.507 19 19 19 19-8.507 19-19S29.493 0 19 0Z' style='fill:%231a1a1a'/%3E%3Cpath d='M16.603 9.608a9.308 9.308 0 0 1 8.075 4.62h1.727c2.375 0 4.361 1.9 4.361 4.318 0 2.375-1.943 4.361-4.361 4.361h-1.252a9.324 9.324 0 0 1-8.161 5.484h-.864c-4.966-.259-8.895-4.361-8.895-9.37 0-5.182 4.189-9.414 9.37-9.414Zm0 2.85c-3.584 0-6.52 2.936-6.52 6.52a6.514 6.514 0 0 0 6.52 6.52c2.893 0 5.355-1.9 6.218-4.491l.302-.993h3.282c.777 0 1.468-.691 1.468-1.468s-.648-1.468-1.468-1.468h-3.498l-.389-.82c-1.036-2.245-3.282-3.8-5.916-3.8Z' style='fill:%232eafff;fill-rule:evenodd'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center left;
width: 153.11px;
height: 70px;
pointer-events: none;
}

.duckdblabs_logo,
#duckdblabs_logo{
@include logo;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Ebene_1' version='1.1' viewBox='0 0 187.823 38'%3E%3Cdefs%3E%3Cstyle%3E.st1%7Bfill:%231d1d1b%7D%3C/style%3E%3C/defs%3E%3Cpath d='M19 38C8.507 38 0 29.493 0 19S8.464 0 19 0s19 8.507 19 19-8.507 19-19 19Z' style='fill:%23ff6900'/%3E%3Cpath d='M31.415 19c0-4.361-3.54-7.86-7.86-7.86s-7.858 3.542-7.858 7.86 3.54 7.86 7.859 7.86 7.859-3.542 7.859-7.86ZM9.414 21.828h3.735v-5.656H9.414a2.828 2.828 0 0 0 0 5.657ZM70.327 22.083c0 1.685-.475 3.094-2.245 3.094s-2.245-1.41-2.245-3.094v-7.168H62.64v7.86c0 3.065 2.461 4.853 5.441 4.853s5.44-1.788 5.44-4.854v-7.859h-3.195v7.168ZM51.456 10.62h-4.954v16.704h4.954c5.3 0 9.286-1.728 9.286-8.364 0-6.635-3.987-8.34-9.286-8.34Zm-.138 14.124h-1.522V13.2h1.522c3.04 0 6.014.76 6.014 5.76 0 5.046-2.973 5.784-6.014 5.784ZM81.675 25.158c-1.75 0-2.995-1.451-2.995-4.054 0-2.582 1.314-3.987 2.972-3.987 1.222 0 2.327.853 2.58 2.051h3.042c-.438-3.064-3.019-4.516-5.622-4.516-3.71 0-6.22 2.719-6.22 6.497 0 3.756 2.372 6.475 6.082 6.475 2.58 0 5.138-1.129 5.875-4.517h-3.04c-.438 1.475-1.568 2.051-2.674 2.051ZM100.52 14.928h-3.571l-4.516 4.977V10.62h-3.18v16.704h3.18v-3.732l1.521-1.636 3.249 5.368h3.571l-4.7-7.649 4.446-4.747zM107.039 10.62h-4.954v16.704h4.954c5.3 0 9.286-1.728 9.286-8.364 0-6.635-3.987-8.34-9.286-8.34Zm-.138 14.124h-1.52V13.2h1.52c3.04 0 6.014.76 6.014 5.76 0 5.046-2.973 5.784-6.014 5.784ZM129.317 18.5c.852-.553 1.89-1.959 1.89-3.525 0-3.433-3.158-4.355-6.083-4.355h-6.498v16.704h6.774c3.433 0 6.405-1.336 6.405-4.93 0-2.304-1.198-3.272-2.488-3.894Zm-7.396-5.3h3.41c1.543 0 2.489.783 2.489 2.097 0 1.474-.922 2.212-2.49 2.212h-3.409V13.2Zm3.64 11.544h-3.64v-4.747h3.502c2.051 0 3.019.83 3.019 2.397 0 1.544-.945 2.35-2.881 2.35ZM141.794 10.62h-1.544v16.704h10.392v-1.428h-8.848V10.62zM160.478 17.071c-.853-1.498-2.35-2.35-4.193-2.35-2.858 0-5.161 2.327-5.161 6.45 0 4.126 2.303 6.453 5.16 6.453 1.844 0 3.341-.853 4.194-2.327v2.027h1.451V14.928h-1.451v2.143Zm-3.894 9.262c-2.304 0-3.917-1.866-3.917-5.161 0-3.295 1.613-5.16 3.917-5.16 1.913 0 4.01 1.474 4.01 5.16s-2.097 5.161-4.01 5.161ZM170.982 14.72c-1.843 0-3.295.853-4.193 2.351V10.62h-1.428v16.704h1.428v-2.027c.898 1.474 2.35 2.327 4.193 2.327 2.857 0 5.184-2.327 5.184-6.452 0-4.124-2.327-6.451-5.184-6.451Zm-.299 11.613c-1.866 0-3.986-1.475-3.986-5.161 0-3.686 2.12-5.16 3.986-5.16 2.304 0 3.94 1.865 3.94 5.16s-1.636 5.161-3.94 5.161ZM183.538 20.435l-1.752-.323c-1.382-.253-2.328-.898-2.328-2.12 0-1.497 1.798-2.027 3.158-2.027 1.75 0 3.11.876 3.41 2.35h1.497c-.299-1.958-2.097-3.617-4.77-3.617-2.787 0-4.746 1.451-4.746 3.41s1.59 2.949 3.365 3.318l1.935.369c1.682.322 3.065.829 3.065 2.28 0 1.66-1.867 2.281-3.365 2.281-1.89 0-3.502-.898-3.756-2.834h-1.497c.369 2.834 2.58 4.102 5.138 4.102 2.695 0 4.93-1.313 4.93-3.78 0-2.349-2.257-3.04-4.284-3.41Z' class='st1'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center left;
width: 187.82px;
height: 70px;
pointer-events: none;
}

#duckcon7_logo {
@include logo;
background-image: url('/images/logo-dl/duckcon7.svg');
width: 190.51px;
}

.button{
Expand Down
Loading