a new start
This commit is contained in:
18
_includes/styles/common.scss
Normal file
18
_includes/styles/common.scss
Normal file
@@ -0,0 +1,18 @@
|
||||
.note:before {
|
||||
content: "{{ site.data.strings.note | default:'Note' }}";
|
||||
}
|
||||
.page > header > .note-sm:before {
|
||||
content: "{{ site.data.strings.description | default:'Description' }}";
|
||||
}
|
||||
#markdown-toc:before {
|
||||
content: "{{ site.data.strings.toc | default:'Table of Contents' }}";
|
||||
}
|
||||
.layout-resume .note-sm:before {
|
||||
content: "{{ site.data.strings.resume.summary | default:'Summary' }}";
|
||||
}
|
||||
|
||||
{% if site.pivoine.no_page_style %}
|
||||
{% assign color = site.accent_color | default:'rgb(79,177,186)' %}
|
||||
{% assign theme_color = site.theme_color | default:'rgb(8,46,57)' %}
|
||||
{% include_cached styles/page-style.scss color=color theme_color=theme_color %}
|
||||
{% endif %}
|
||||
57
_includes/styles/inline.scss
Normal file
57
_includes/styles/inline.scss
Normal file
@@ -0,0 +1,57 @@
|
||||
// Copyright (c) 2019 Florian Klampfer <https://qwtel.com/>
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
// This program is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
{% include styles/variables.scss %}
|
||||
@import "variables";
|
||||
@import "my-variables";
|
||||
@import "mixins";
|
||||
|
||||
{% if site.pivoine.dark_mode.dynamic %}
|
||||
@import "pro/dark-mode-dynamic";
|
||||
{% else %}
|
||||
@import "pro/dark-mode";
|
||||
{% endif %}
|
||||
|
||||
@import "html";
|
||||
|
||||
@import "pooleparty/__inline__/base";
|
||||
@import "pooleparty/__inline__/type";
|
||||
@import "pooleparty/__inline__/table";
|
||||
@import "pooleparty/__inline__/footer";
|
||||
@import "pooleparty/__inline__/footnotes";
|
||||
@import "pooleparty/__inline__/code";
|
||||
@import "pooleparty/__inline__/posts";
|
||||
@import "pooleparty/__inline__/related";
|
||||
@import "pooleparty/__inline__/read-more";
|
||||
@import "pooleparty/__inline__/message";
|
||||
@import "pooleparty/__inline__/pagination";
|
||||
|
||||
@import "pivoine/__inline__/base";
|
||||
@import "pivoine/__inline__/utilities";
|
||||
@import "pivoine/__inline__/links";
|
||||
@import "pivoine/__inline__/images";
|
||||
@import "pivoine/__inline__/sidebar";
|
||||
@import "pivoine/__inline__/social";
|
||||
@import "pivoine/__inline__/menu";
|
||||
@import "pivoine/__inline__/toc";
|
||||
@import "pivoine/__inline__/content";
|
||||
@import "pivoine/__inline__/avatar";
|
||||
@import "pivoine/__inline__/katex";
|
||||
@import "pivoine/__inline__/footer";
|
||||
@import "pivoine/__inline__/sound";
|
||||
|
||||
@import "my-inline";
|
||||
|
||||
{% include styles/common.scss %}
|
||||
19
_includes/styles/page-style.scss
Normal file
19
_includes/styles/page-style.scss
Normal file
@@ -0,0 +1,19 @@
|
||||
@use "sass:color";
|
||||
@use "sass:math";
|
||||
|
||||
{% assign color = include.color %}
|
||||
{% assign theme_color = include.theme_color %}
|
||||
|
||||
html {
|
||||
--accent-color: {{ color }};
|
||||
--accent-color-faded: color.adjust({{ color }}, $alpha: -0.5);
|
||||
--accent-color-highlight: color.adjust({{ color }}, $alpha: -0.9);
|
||||
--accent-color-darkened: color.adjust({{ color }}, $lightness: -7.5%);
|
||||
{% if site.github and site.pivoine.dart_sass_2_compat != true %}
|
||||
--dark-mode-body-bg: #{hsl(color.channel({{ theme_color }}, "hue", $space: hsl), math.div(color.channel({{ theme_color }}, "saturation", $space: hsl), 8), 17.5%)};
|
||||
--dark-mode-border-color: #{hsl(color.channel({{ theme_color }}, "hue", $space: hsl), math.div(color.channel({{ theme_color }}, "saturation", $space: hsl), 8), 22.5%)};
|
||||
{% else %}
|
||||
--dark-mode-body-bg: #{hsl(hue({{ theme_color }}), calc(saturation({{ theme_color }}) / 8), 17.5%)};
|
||||
--dark-mode-border-color: #{hsl(hue({{ theme_color }}), calc(saturation({{ theme_color }}) / 8), 22.5%)};
|
||||
{% endif %}
|
||||
}
|
||||
116
_includes/styles/style.scss
Normal file
116
_includes/styles/style.scss
Normal file
@@ -0,0 +1,116 @@
|
||||
// Copyright (c) 2019 Florian Klampfer <https://qwtel.com/>
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
// This program is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
{% include styles/variables.scss %}
|
||||
@import "variables";
|
||||
@import "my-variables";
|
||||
@import "mixins";
|
||||
|
||||
{% if site.pivoine.dark_mode.dynamic %}
|
||||
@import "pro/dark-mode-dynamic";
|
||||
{% else %}
|
||||
@import "pro/dark-mode";
|
||||
{% endif %}
|
||||
|
||||
@import "reboot-mod";
|
||||
|
||||
{% unless site.pivoine.no_inline_css or jekyll.environment == 'development' %}
|
||||
@import "pooleparty/__link__/base";
|
||||
@import "pooleparty/__link__/type";
|
||||
@import "pooleparty/__link__/table";
|
||||
@import "pooleparty/__link__/footer";
|
||||
@import "pooleparty/__link__/footnotes";
|
||||
@import "pooleparty/__link__/code";
|
||||
@import "pooleparty/__link__/posts";
|
||||
@import "pooleparty/__link__/related";
|
||||
@import "pooleparty/__link__/read-more";
|
||||
@import "pooleparty/__link__/message";
|
||||
@import "pooleparty/__link__/pagination";
|
||||
|
||||
@import "pivoine/__link__/base";
|
||||
@import "pivoine/__link__/utilities";
|
||||
@import "pivoine/__link__/links";
|
||||
@import "pivoine/__link__/images";
|
||||
@import "pivoine/__link__/sidebar";
|
||||
@import "pivoine/__link__/search";
|
||||
@import "pivoine/__link__/social";
|
||||
@import "pivoine/__link__/menu";
|
||||
@import "pivoine/__link__/toc";
|
||||
@import "pivoine/__link__/content";
|
||||
@import "pivoine/__link__/avatar";
|
||||
@import "pivoine/__link__/katex";
|
||||
@import "pivoine/__link__/footer";
|
||||
|
||||
{% unless site.pivoine.no_mark_external or site.no_mark_external %}
|
||||
@import "pivoine/__link__/mark-external";
|
||||
{% endunless %}
|
||||
|
||||
{% unless site.pivoine.no_break_layout %}
|
||||
@import "pivoine/__link__/break-layout";
|
||||
{% endunless %}
|
||||
|
||||
@import "my-style";
|
||||
{% else %}
|
||||
@import "html";
|
||||
|
||||
@import "pooleparty/_base.pre.scss";
|
||||
@import "pooleparty/_type.pre.scss";
|
||||
@import "pooleparty/_table.pre.scss";
|
||||
@import "pooleparty/_footer.pre.scss";
|
||||
@import "pooleparty/_footnotes.pre.scss";
|
||||
@import "pooleparty/_code.pre.scss";
|
||||
@import "pooleparty/_posts.pre.scss";
|
||||
@import "pooleparty/_related.pre.scss";
|
||||
@import "pooleparty/_read-more.pre.scss";
|
||||
@import "pooleparty/_message.pre.scss";
|
||||
@import "pooleparty/_pagination.pre.scss";
|
||||
|
||||
@import "pivoine/_base.pre.scss";
|
||||
@import "pivoine/_utilities.pre.scss";
|
||||
@import "pivoine/_links.pre.scss";
|
||||
@import "pivoine/_images.pre.scss";
|
||||
@import "pivoine/_sidebar.pre.scss";
|
||||
@import "pivoine/_search.pre.scss";
|
||||
@import "pivoine/_social.pre.scss";
|
||||
@import "pivoine/_menu.pre.scss";
|
||||
@import "pivoine/_toc.pre.scss";
|
||||
@import "pivoine/_content.pre.scss";
|
||||
@import "pivoine/_avatar.pre.scss";
|
||||
@import "pivoine/_katex.pre.scss";
|
||||
@import "pivoine/_footer.pre.scss";
|
||||
@import "pivoine/_sound.pre.scss";
|
||||
|
||||
{% unless site.pivoine.no_mark_external or site.no_mark_external %}
|
||||
@import "pivoine/_mark-external.pre.scss";
|
||||
{% endunless %}
|
||||
|
||||
{% unless site.pivoine.no_break_layout %}
|
||||
@import "pivoine/_break-layout.pre.scss";
|
||||
{% endunless %}
|
||||
|
||||
@import "my-inline";
|
||||
@import "my-style";
|
||||
|
||||
{% include styles/common.scss %}
|
||||
{% endunless %}
|
||||
|
||||
@import "spinner";
|
||||
@import "tippy";
|
||||
|
||||
@import "syntax";
|
||||
@import "pro/syntax-dark";
|
||||
{% if site.pivoine.dark_mode.dynamic %}
|
||||
@import "pro/dark-mode-dynamic-syntax";
|
||||
{% endif %}
|
||||
69
_includes/styles/variables.scss
Normal file
69
_includes/styles/variables.scss
Normal file
@@ -0,0 +1,69 @@
|
||||
// Copyright (c) 2020 Florian Klampfer <https://qwtel.com/>
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
// This program is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
// {% assign vars = site.data.variables %}
|
||||
// {% assign ui_font = 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif' %}
|
||||
// {% assign ui_font_code = 'ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Mono", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Consolas", "Courier New", monospace' %}
|
||||
|
||||
@use "sass:math";
|
||||
|
||||
$font-family: {{ vars.font | default:site.font | default:ui_font }};
|
||||
$font-family-heading: {{ vars.font_heading | default:site.font_heading | default:ui_font }};
|
||||
$code-font-family: {{ vars.font_code | default:site.font_code | default:ui_font_code }};
|
||||
$theme-color: {{ vars.theme_color | default:site.theme_color | default:'rgb(8,46,57)' }};
|
||||
|
||||
$root-font-size: {{ vars.root_font_size | default:15 }}px;
|
||||
$root-font-size-medium: {{ vars.root_font_size_medium | default:16 }}px;
|
||||
$root-font-size-large: {{ vars.root_font_size_large | default:17 }}px;
|
||||
$root-font-size-print: {{ vars.root_font_size_print | default:8 }}pt;
|
||||
$root-line-height: {{ vars.root_line_height | default:1.75 }};
|
||||
|
||||
$font-weight: {{ vars.font_weight | default:400 }};
|
||||
$font-weight-bold: {{ vars.font_weight_bold | default:700 }};
|
||||
$font-weight-heading: {{ vars.font_weight_heading | default:900 }};
|
||||
|
||||
$content-width: {{ vars.content_width | default:42 }}rem;
|
||||
$content-width-2: {{ vars.content_width_2 | default:48 }}rem;
|
||||
$content-width-5: {{ vars.content_width_5 | default:54 }}rem;
|
||||
|
||||
$content-padding: {{ vars.content_padding | default:1 }}rem;
|
||||
|
||||
$sidebar-width: {{ vars.sidebar_width | default:21 }}rem;
|
||||
|
||||
$break-point-1: {{ vars.break_point_1 | default:42 }}em;
|
||||
$break-point-2: {{ vars.break_point_2 | default:54 }}em;
|
||||
$break-point-3: {{ vars.break_point_3 | default:64 }}em;
|
||||
$break-point-4: {{ vars.break_point_4 | default:72 }}em;
|
||||
$break-point-5: {{ vars.break_point_5 | default:86 }}em;
|
||||
|
||||
$border-radius: {{ vars.border_radius | default:0.5 }}rem;
|
||||
|
||||
$break-point-font-large: {{ vars.break_point_font_large | default:124 }}em;
|
||||
|
||||
$content-margin-3: 3rem;
|
||||
$content-margin-5: 4rem;
|
||||
|
||||
$gh-pages-compat: {% if site.github and site.pivoine.dart_sass_2_compat != true %}true{% else %}false{% endif %};
|
||||
|
||||
// TODO: doc
|
||||
{% if site.github and site.pivoine.dart_sass_2_compat != true %}
|
||||
$half-content: (math.div($content-width-5, 2) + $content-margin-5);
|
||||
{% else %}
|
||||
$half-content: calc(math.div($content-width-5, 2) + $content-margin-5);
|
||||
{% endif %}
|
||||
|
||||
// The sidebar width starts adjusting dynamically when the content is at the center of the window.
|
||||
// This is the case when the window size has a `min-width` of content area + twice the sidebar (left, right):
|
||||
$break-point-dynamic: $content-width-5 + (2 * $content-margin-5) + (2 * $sidebar-width);
|
||||
Reference in New Issue
Block a user