From fb930929e3be22e87a3de0716ba7def9346edef7 Mon Sep 17 00:00:00 2001 From: Henrik Hautakoski Date: Tue, 6 Sep 2022 18:04:04 +0200 Subject: [PATCH 1/3] _layouts/default.html: make container abit wider. --- _layouts/default.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_layouts/default.html b/_layouts/default.html index 3a4e451..2a6016c 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -2,7 +2,7 @@ {% include head.html %} -
+
{% include header.html %} From 824e6adc370bce0a7a68709133d5b0f471c020ee Mon Sep 17 00:00:00 2001 From: Henrik Hautakoski Date: Tue, 6 Sep 2022 18:45:48 +0200 Subject: [PATCH 2/3] _sass/_variables.scss: set a little smaller heading sizes. --- _sass/_variables.scss | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/_sass/_variables.scss b/_sass/_variables.scss index fc37bae..a95b8e6 100644 --- a/_sass/_variables.scss +++ b/_sass/_variables.scss @@ -11,3 +11,19 @@ $body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + + +// Heading sizes - mobile +$h0-size-mobile: 31px; +$h1-size-mobile: 25px; +$h2-size-mobile: 21px; +$h3-size-mobile: 17px; + +// Heading sizes - desktop +$h0-size: 39px; +$h1-size: 31px; +$h2-size: 23px; +$h3-size: 19px; +$h4-size: 15px; +$h5-size: 13px; +$h6-size: 12px; From 203f631aba381d8b113ef964e6c3e2fb12b62137 Mon Sep 17 00:00:00 2001 From: Henrik Hautakoski Date: Tue, 6 Sep 2022 18:47:07 +0200 Subject: [PATCH 3/3] _layouts/package.html: cleanup package page with a sidemenu. --- _layouts/package.html | 37 +++++++++++++++++++++++++++---------- _sass/layout/_package.scss | 17 +++++++++++++++++ _sass/main.scss | 1 + 3 files changed, 45 insertions(+), 10 deletions(-) create mode 100644 _sass/layout/_package.scss diff --git a/_layouts/package.html b/_layouts/package.html index af39ea6..0cb145c 100644 --- a/_layouts/package.html +++ b/_layouts/package.html @@ -5,9 +5,13 @@ layout: default {% assign base_url = repo | append: '/' | append: page.distribution | relative_url %}

Package: {{ page.name }} ({{ page.versions.first.version }}) [{{ repo }}/{{ page.distribution }}:{{ page.component }}]

+
+ +
+ {% assign desc = page.description | newline_to_br | split: '
' %} -

{{ desc | first | capitalize }}

+

{{ desc | first | capitalize }}

{% if desc.size > 1 %}

@@ -46,13 +50,26 @@ layout: default {% endfor %} -

External resources

+
-
    - {% if page.homepage.size > 0 %} -
  • Homepage: {{ page.homepage }}
    • - {% endif %} - {% if page.maintainer.size > 0 %} -
  • Maintainer: {{ page.maintainer | escape }}
    • - {% endif %} -
+
+ +

Additional information

+ + {% if page.homepage.size > 0 %} +

External resources

+ + {% endif %} + + {% if page.maintainer.size > 0 %} +

Maintainer

+
    +
  • {{ page.maintainer | escape }}
    • +
+ {% endif %} + +
+ +
diff --git a/_sass/layout/_package.scss b/_sass/layout/_package.scss new file mode 100644 index 0000000..b69629e --- /dev/null +++ b/_sass/layout/_package.scss @@ -0,0 +1,17 @@ + +.package { + display: flex; + justify-content: space-between; + align-items: flex-start; + gap: 2em; + + //&-main { + //} + + &-sidebar { + min-width: 400px; + padding: 0 2em; + background: $bg-gray-light; + border: solid 1px $border-gray-light; + } +} diff --git a/_sass/main.scss b/_sass/main.scss index ea4f6ef..4b5b44d 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -6,6 +6,7 @@ @import "typography"; @import "layout/header"; +@import "layout/package"; @import "layout/footer"; @import "component/button";