Skip to content

Updated Icons and SCSS Sync #302

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 1 commit into from
Mar 13, 2026
Merged

Updated Icons and SCSS Sync #302

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
3 changes: 3 additions & 0 deletions _config.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -75,4 +75,7 @@ toc:
max_level: 3
ordered_list: false

sass:
style: compressed

exclude: ['Gemfile', 'Gemfile.lock', 'node_modules', 'vendor/bundle', 'vendor/cache', 'vendor/gems', 'vendor/ruby', 'bundle']
772 changes: 410 additions & 362 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.
2 changes: 1 addition & 1 deletion _includes/menu_secondary.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
{% if myurl == 'https' or myurl == 'http:' %}
<div class="external"><a href="{{ mainentry.url }}" target="_blank" class="{{ mainentry.page | downcase }}">{{ mainentry.page }} {% if mainentry.page == 'GitHub' and site.star_count %} <!--<span class="starcount">{{ site.star_count }}</span>-->{% endif %}</a></div>
{% else %}
<div><a href="{{ site.baseurl }}{{ mainentry.url | replace: '/docs', archive_url_slug }}">{{ mainentry.page }}</a></div>
<div><a href="{{ site.baseurl }}{{ mainentry.url | replace: '/docs', archive_url_slug }}">{{ mainentry.page }}</a>{% if mainentry.subfolderitems[0] %}<svg class="icon chevron-down"><use href="#chevron-down"></use></svg>{% endif %}</div>
{% endif %}
{% else %}<a href="{{ site.baseurl }}{{ mainentry.url }}">{{ mainentry.page }}</a>{% endif %}
{% if mainentry.subfolderitems[0] %}</div>{% endif %}
Expand Down
8 changes: 4 additions & 4 deletions _includes/menu_sidebar.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
{%- if url_contains %} active opened{% endif -%}
{%- if item.mainfolderitems[0] %} hasSub{% endif -%}
">
{% if item.url %} <a href="{{ base_slash }}{{ site.baseurl }}{{starting_url}}{{item.slug}}{{ item.url }}">{{ item.page }}</a> {% if item.mainfolderitems[0] %} <span class="show"></span> {% endif %} {% else %} {% if item.mainfolderitems[0] %} <span class="show"></span> {% endif %} {{ item.page }} {% endif %} </li>
{% if item.url %} <a href="{{ base_slash }}{{ site.baseurl }}{{starting_url}}{{item.slug}}{{ item.url }}">{{ item.page }}</a> {% if item.mainfolderitems[0] %} <svg class="show"><use href="#chevron-right"></use></svg> {% endif %} {% else %} {% if item.mainfolderitems[0] %} <svg class="show"><use href="#chevron-right"></use></svg> {% endif %} {{ item.page }} {% endif %} </li>

{% if item.mainfolderitems[0] %}
<ul style="display: {% if url_contains %}block;{% else %}none{% endif %}">
Expand All @@ -41,7 +41,7 @@
{%- if mainentry.subfolderitems[0] %} hasSub{% endif -%}
{%- if mainentry.open or url_parts contains mainentry.url or url_parts contains mainentry.slug %} opened{% endif -%}
">
{% if mainentry.url %} <a href="{{ site.baseurl }}/{{starting_url}}{{item.slug}}{{ mainentry.url }}">{{ mainentry.page }}</a> {% if mainentry.subfolderitems[0] %} <span class="show"></span> {% endif %} {% else %} {{ mainentry.page }} {% if mainentry.subfolderitems[0] %} <span class="show"></span> {% endif %} {% endif %} </li>
{% if mainentry.url %} <a href="{{ site.baseurl }}/{{starting_url}}{{item.slug}}{{ mainentry.url }}">{{ mainentry.page }}</a> {% if mainentry.subfolderitems[0] %} <svg class="show"><use href="#chevron-right"></use></svg> {% endif %} {% else %} {{ mainentry.page }} {% if mainentry.subfolderitems[0] %} <svg class="show"><use href="#chevron-right"></use></svg> {% endif %} {% endif %} </li>
{% if mainentry.subfolderitems[0] %}
<ul style="display:{% if mainentry.open or url_parts contains mainentry.url or url_parts contains mainentry.slug %}block{% else %}none{% endif %};">
{% for entry in mainentry.subfolderitems %}
Expand All @@ -51,7 +51,7 @@
{%- if entry.subsubfolderitems[0] %} hasSub{% endif -%}
{%- if entry.open or url_parts contains entry.url or url_parts contains entry.slug %} opened{% endif -%}
">
{% if entry.url %} <a href="{{ site.baseurl }}/{{starting_url}}{{item.slug}}{{mainentry.slug}}/{{ entry.url }}">{{ entry.page }}</a> {% if entry.subsubfolderitems[0] %} <span class="show"></span> {% endif %} {% else %} {{ entry.page }} {% if entry.subsubfolderitems[0] %} <span class="show"></span> {% endif %} {% endif %}
{% if entry.url %} <a href="{{ site.baseurl }}/{{starting_url}}{{item.slug}}{{mainentry.slug}}/{{ entry.url }}">{{ entry.page }}</a> {% if entry.subsubfolderitems[0] %} <svg class="show"><use href="#chevron-right"></use></svg> {% endif %} {% else %} {{ entry.page }} {% if entry.subsubfolderitems[0] %} <svg class="show"><use href="#chevron-right"></use></svg> {% endif %} {% endif %}
</li>
{% endif %}
{% if entry.subsubfolderitems[0] %}
Expand Down Expand Up @@ -87,7 +87,7 @@
{%- if pageUrl contains item.url %} opened{% endif -%}
">

{% if item.url %} <a href="{{ site.baseurl }}{{ item.url }}">{{ item.page }}</a> {% if item.mainfolderitems[0] %} <span class="show"></span> {% endif %} {% else %} {{ item.page }} {% if item.mainfolderitems[0] %} <span class="show"></span> {% endif %} {% endif %} </li>
{% if item.url %} <a href="{{ site.baseurl }}{{ item.url }}">{{ item.page }}</a> {% if item.mainfolderitems[0] %} <svg class="show"><use href="#chevron-right"></use></svg> {% endif %} {% else %} {{ item.page }} {% if item.mainfolderitems[0] %} <svg class="show"><use href="#chevron-right"></use></svg> {% endif %} {% endif %} </li>
{% endfor %}
{% endif %}

Expand Down
8 changes: 4 additions & 4 deletions _layouts/default.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,9 +11,9 @@
<title>{{ page.title }} – DuckLake</title>
{% endif %}

<link rel="stylesheet" href="{{ site.baseurl }}/css/main.css?{{ site.data['hash'] }}">
<link rel="stylesheet" href="{{ site.baseurl }}/css/main.css?{{ site.time | date: '%s' }}">
{% if page.add_css %}
<link rel="stylesheet" href="{{ site.baseurl }}/css/{{ page.add_css }}?{{ site.data['hash'] }}">
<link rel="stylesheet" href="{{ site.baseurl }}/css/{{ page.add_css }}?{{ site.time | date: '%s' }}">
{% endif %}

<link rel="icon" type="image/png" href="{{ site.baseurl }}/images/favicon/favicon-96x96.png" sizes="96x96" />
Expand All @@ -26,7 +26,7 @@

{% seo title=false %}

<script src="{{ site.baseurl }}/js/determine_color_scheme.js?{{ site.data['hash'] }}"></script>
<script src="{{ site.baseurl }}/js/determine_color_scheme.js?{{ site.time | date: '%s' }}"></script>
</head>
<body class="layout_default{% if page.body_class %} {{ page.body_class }}{% endif %}">

Expand Down Expand Up @@ -123,7 +123,7 @@ <h5>In this article</h5>
<script src="{{ site.baseurl }}/js/search.js" defer></script>
<script src="{{ site.baseurl }}/js/jquery-3.5.1.min.js" defer></script>
<script src="{{ site.baseurl }}/js/copy_button.js" defer></script>
<script src="{{ site.baseurl }}/js/script.js?{{ site.data['hash'] }}" defer></script>
<script src="{{ site.baseurl }}/js/script.js?{{ site.time | date: '%s' }}" defer></script>

</body>
</html>
20 changes: 10 additions & 10 deletions _layouts/docu.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,9 @@
{% endif %}

<script src="{{ site.baseurl }}/js/jquery-3.5.1.min.js"></script>
<link rel="stylesheet" href="{{ site.baseurl }}/css/main.css?{{ site.data['hash'] }}">
<link rel="stylesheet" href="{{ site.baseurl }}/css/main.css?{{ site.time | date: '%s' }}">
{% if page.railroad and page.railroad != "" and page.railroad != nil %}
<link rel="stylesheet" href="{{ site.baseurl }}/css/railroad.css?{{ site.data['hash'] }}">
<link rel="stylesheet" href="{{ site.baseurl }}/css/railroad.css?{{ site.time | date: '%s' }}">
{% endif %}

<link rel="icon" type="image/png" href="{{ site.baseurl }}/images/favicon/favicon-96x96.png" sizes="96x96" />
Expand All @@ -25,7 +25,7 @@

{% seo title=false %}

<script src="{{ site.baseurl }}/js/determine_color_scheme.js?{{ site.data['hash'] }}"></script>
<script src="{{ site.baseurl }}/js/determine_color_scheme.js?{{ site.time | date: '%s' }}"></script>
</head>

{% comment %} By default, we assume that the users is interested in the stable version. {% endcomment %}
Expand Down Expand Up @@ -83,7 +83,7 @@
{% assign version_viewed_pretty = version_viewed %}
{% endif %}

<div><span class="selectedversion" data-current="{{ version_viewed_pretty }}">{{ version_viewed_pretty }}</span><span class="arrow"></div>
<div><span class="selectedversion" data-current="{{ version_viewed_pretty }}">{{ version_viewed_pretty }}</span><svg class="arrow"><use href="#chevron-down"></use></svg></div>
<div class="versionsidebar">
<ul>
{% comment %} Remove the leading part, e.g., "docs/stable" or "docs/1.0" (version number) {% endcomment %}
Expand Down Expand Up @@ -186,16 +186,16 @@ <h5>In this article</h5>
{% 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>
<script src="{{ site.baseurl }}/js/minisearch.js?{{ site.time | date: '%s' }}" defer></script>
<script src="{{ site.baseurl }}/js/search.js?{{ site.time | date: '%s' }}" defer></script>

<script src="{{ site.baseurl }}/js/script.js?{{ site.data['hash'] }}" defer></script>
<script src="{{ site.baseurl }}/js/copy_button.js?{{ site.data['hash'] }}" defer></script>
<script src="{{ site.baseurl }}/js/noteboxes.js?{{ site.data['hash'] }}" defer></script>
<script src="{{ site.baseurl }}/js/script.js?{{ site.time | date: '%s' }}" defer></script>
<script src="{{ site.baseurl }}/js/copy_button.js?{{ site.time | date: '%s' }}" defer></script>
<script src="{{ site.baseurl }}/js/noteboxes.js?{{ site.time | date: '%s' }}" defer></script>

{% if page.body_class == "installation" %}
<script src="{{ site.baseurl }}/js/js-yaml.min.js" defer></script>
<script src="{{ site.baseurl }}/js/installation.js?{{ site.data['hash'] }}" defer></script>
<script src="{{ site.baseurl }}/js/installation.js?{{ site.time | date: '%s' }}" defer></script>
{% endif %}
{% if page.railroad and page.railroad != "" and page.railroad != nil %}
<script src="{{ site.baseurl }}/js/{{ version_viewed }}/railroad.js" defer></script>
Expand Down
8 changes: 4 additions & 4 deletions _layouts/post.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
</script>
{% endif %}

<link rel="stylesheet" href="{{ site.baseurl }}/css/main.css?{{ site.data['hash'] }}">
<link rel="stylesheet" href="{{ site.baseurl }}/css/main.css?{{ site.time | date: '%s' }}">

<link rel="apple-touch-icon" sizes="180x180" href="{{ site.baseurl }}/images/favicon/apple-touch-icon.png">
<link rel="manifest" href="{{ site.baseurl }}/images/favicon/site.webmanifest">
Expand All @@ -35,7 +35,7 @@
{% seo title=false %}
{% endif %}

<script src="{{ site.baseurl }}/js/determine_color_scheme.js?{{ site.data['hash'] }}"></script>
<script src="{{ site.baseurl }}/js/determine_color_scheme.js?{{ site.time | date: '%s' }}"></script>
</head>
<body class="post layout_post{% if page.body_class %} {{ page.body_class }}{% endif %}">

Expand Down Expand Up @@ -141,9 +141,9 @@ <h5>In this article</h5>

<script src="{{ site.baseurl }}/js/jquery-3.5.1.min.js" defer></script>
<script src="{{ site.baseurl }}/js/isotope.pkgd.min.js" defer></script>
<script src="{{ site.baseurl }}/js/script.js?{{ site.data['hash'] }}" defer></script>
<script src="{{ site.baseurl }}/js/script.js?{{ site.time | date: '%s' }}" defer></script>
<script src="{{ site.baseurl }}/js/copy_button.js" defer></script>
<script src="{{ site.baseurl }}/js/noteboxes.js?{{ site.data['hash'] }}" defer></script>
<script src="{{ site.baseurl }}/js/noteboxes.js?{{ site.time | date: '%s' }}" defer></script>

</body>
</html>
8 changes: 4 additions & 4 deletions _layouts/postarchive.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
<title>{{ page.title }} – DuckLake</title>
{% endif %}

<link rel="stylesheet" href="{{ site.baseurl }}/css/main.css?{{ site.data['hash'] }}">
<link rel="stylesheet" href="{{ site.baseurl }}/css/main.css?{{ site.time | date: '%s' }}">

<link rel="icon" type="image/png" href="{{ site.baseurl }}/images/favicon/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="{{ site.baseurl }}/images/favicon/favicon.svg" />
Expand All @@ -30,7 +30,7 @@
{% seo title=false %}
{% endif %}

<script src="{{ site.baseurl }}/js/determine_color_scheme.js?{{ site.data['hash'] }}"></script>
<script src="{{ site.baseurl }}/js/determine_color_scheme.js?{{ site.time | date: '%s' }}"></script>
</head>
<body class="layout_postarchive{% if page.body_class %} {{ page.body_class }}{% endif %}">

Expand Down Expand Up @@ -82,9 +82,9 @@ <h1>{{ page.title }}</h1>

<script src="{{ site.baseurl }}/js/jquery-3.5.1.min.js" defer></script>
<script src="{{ site.baseurl }}/js/isotope.pkgd.min.js" defer></script>
<script src="{{ site.baseurl }}/js/script.js?{{ site.data['hash'] }}" defer></script>
<script src="{{ site.baseurl }}/js/script.js?{{ site.time | date: '%s' }}" defer></script>
<script src="{{ site.baseurl }}/js/copy_button.js" defer></script>
<script src="{{ site.baseurl }}/js/noteboxes.js?{{ site.data['hash'] }}" defer></script>
<script src="{{ site.baseurl }}/js/noteboxes.js?{{ site.time | date: '%s' }}" defer></script>

</body>
</html>
43 changes: 28 additions & 15 deletions _sass/abstracts/_mixins.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -124,6 +124,14 @@
font-family: "SuisseIntl", sans-serif;
}

@mixin micro {
font-size: var(--type-micro, 10px);
font-weight: var(--type-weight-standard, 450);
line-height: 1.2;
letter-spacing: 0.005em;
font-family: "SuisseIntl", sans-serif;
}

@mixin pre-title {
font-size: var(--type-pre-title, 13px);
text-transform: uppercase;
Expand Down Expand Up @@ -234,16 +242,16 @@
}
&.arrow-right{
&:after{
/*background-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.472 4.64599L8.146 8.99999L7.25 8.07599L10.008 5.33199H0V3.97399H10.036L7.25 1.21599L8.146 0.291992L12.472 4.64599Z' fill='black'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M2.5 6h7m0 0L6 2.5M9.5 6 6 9.5'/%3E%3C/svg%3E");
content: "";
width: 13px;
height: 9px;
background-size: contain;
width: 12px;
height: 12px;
mask-size: contain;
display: inline-block;
*/
margin-left: 5px;
transition: all .25s;
content: "→";
background-color: currentColor;
vertical-align: -.07em;
}
&:hover:after{
margin-left: 12px;
Expand All @@ -261,20 +269,19 @@
display: inline;
&.arrow-right{
&:after{
/*
background-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.472 4.64599L8.146 8.99999L7.25 8.07599L10.008 5.33199H0V3.97399H10.036L7.25 1.21599L8.146 0.291992L12.472 4.64599Z' fill='black'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M2.5 6h7m0 0L6 2.5M9.5 6 6 9.5'/%3E%3C/svg%3E");
content: "";
width: 13px;
height: 9px;
background-size: contain;
width: 12px;
height: 12px;
mask-size: contain;
display: inline-block;
*/
content: "→";
margin-left: 5px;
transition: all .25s;
background-color: currentColor;
vertical-align: -.1em;
}
&:hover:after{
margin-left: 12px;
margin-left: 8px;
/*background-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.472 4.64599L8.146 8.99999L7.25 8.07599L10.008 5.33199H0V3.97399H10.036L7.25 1.21599L8.146 0.291992L12.472 4.64599Z' fill='%237D66FF'/%3E%3C/svg%3E%0A");*/
}
}
Expand All @@ -292,7 +299,7 @@
transition: color .3s;
span::after{
content: "→";
font-family: "DuckDB-Symbol";
font-family: "SuisseIntl";
margin-left: 6px;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
Expand Down Expand Up @@ -430,8 +437,14 @@
white-space: pre;
overflow-x: auto;
padding: 15px;
padding-right: 0;
margin: 0;
border-radius: 10px;

> code {
width: fit-content;
padding-right: 15px;
}
}

div.highlighter-rouge + table,
Expand Down
10 changes: 8 additions & 2 deletions _sass/abstracts/_variables.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -601,6 +601,7 @@ html.darkmode {
:root {
--type-weight-standard: 450;
/* Desktop */
--page-element-spacing-small: 20px;
--page-section-padding: 20px;
--page-element-spacing-medium: 25px;
--page-docs-page-padding: 30px;
Expand All @@ -610,13 +611,15 @@ html.darkmode {
--page-max-width-small: 750px;
--page-max-width-medium: 950px;
--page-max-width-large: 1150px;
--type-micro: 10px;
--type-label-3: 11px;
--type-label-2: 12px;
--type-tiny: 12px;
--type-pre-title: 13px;
--type-body-small: 14px;
--type-code: 14px;
--type-label-1: 14px;
--type-side-menu: 14px;
--type-title-3: 14px;
--type-menu-items: 15px;
--type-body-normal: 16px;
Expand All @@ -638,6 +641,7 @@ html.darkmode {
--type-weight-standard: 400;
/* Mobile */
--page-docs-page-padding: 15px;
--page-element-spacing-small: 15px;
--page-section-padding: 15px;
--page-element-spacing-medium: 20px;
--page-element-spacing-large: 35px;
Expand All @@ -646,19 +650,21 @@ html.darkmode {
--page-max-width-medium: 393px;
--page-max-width-small: 393px;
--page-max-width-tiny: 393px;
--type-micro: 9px;
--type-label-3: 11px;
--type-tiny: 11px;
--type-body-small: 12px;
--type-label-2: 12px;
--type-pre-title: 12px;
--type-body-small: 13px;
--type-code: 13px;
--type-label-1: 13px;
--type-side-menu: 13px;
--type-title-3: 13px;
--type-body-normal: 14px;
--type-menu-items: 14px;
--type-code-large: 15px;
--type-title-2: 15px;
--type-body-large: 16px;
--type-menu-items: 16px;
--type-title-1: 16px;
--type-headline-3: 19px;
--type-headline-2: 23px;
Expand Down
15 changes: 0 additions & 15 deletions _sass/base/_base.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -156,21 +156,6 @@ main .wrap{
}
}

body.landing label.onlymobile,
body.installation div.environment.select label.onlymobile{
position: relative;
&::after{
content: "\E010";
font-family: "DuckDB-Symbol";
right: 10px;
top: 4px;
padding: 0 0 2px;
position: absolute;
pointer-events: none;
font-size: 20px;
color: white;
}
}
.environmentselect{
width: 100%;
/*border: 1px solid #b8b8b8;*/
Expand Down
5 changes: 0 additions & 5 deletions _sass/base/_fonts.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -50,11 +50,6 @@
font-display: swap;
}

@font-face {
font-family: "DuckDB-Symbol";
src: url("webfont/DuckDB-Symbol.woff2") format("woff2"), url("webfont/DuckDB-Symbol.woff") format("woff");
}

@font-face {
font-family: "JetBrainsMono-Regular";
src: url("webfont/JetBrainsMono/woff2/JetBrainsMono-Regular.woff2") format("woff2"), url("webfont/JetBrainsMono/woff/JetBrainsMonoNL-Regular.woff") format("woff");
Expand Down
Loading
Loading