From 9fa5757650f221f1e3fd6f976d8c997acfb792ed Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Mon, 21 Nov 2022 14:56:01 +0100
Subject: [PATCH] grid
---
assets/sass/_theme/blocks/pages.sass | 5 ++++-
assets/sass/_theme/design-system/grid.sass | 10 ++++++----
assets/sass/_theme/design-system/table_of_content.sass | 5 ++++-
assets/sass/_theme/design-system/typography.sass | 7 +++++++
assets/sass/_theme/sections/posts.sass | 2 --
5 files changed, 21 insertions(+), 8 deletions(-)
diff --git a/assets/sass/_theme/blocks/pages.sass b/assets/sass/_theme/blocks/pages.sass
index 741d7e07..0e85b9d2 100644
--- a/assets/sass/_theme/blocks/pages.sass
+++ b/assets/sass/_theme/blocks/pages.sass
@@ -50,15 +50,18 @@
background-color: $block-pages-card-background
padding-bottom: $grid-gutter
padding-top: $grid-gutter
+ .block-gallery + &, .block-pages--card + &
+ margin-top: 0
.main-page
a
@include icon("arrow-right", after)
@include hover-translate-icon(before, 3)
&::after
font-size: px2rem(14)
+ .main-page + .pages
+ margin-top: $spacing2
.pages
@include grid(3, md)
- margin-top: $spacing2
@include in-page-with-sidebar
@include grid(2, md)
.page
diff --git a/assets/sass/_theme/design-system/grid.sass b/assets/sass/_theme/design-system/grid.sass
index eb1052e4..4318e73c 100644
--- a/assets/sass/_theme/design-system/grid.sass
+++ b/assets/sass/_theme/design-system/grid.sass
@@ -3,8 +3,10 @@
.document-content
position: relative
- @include media-breakpoint-up(md)
- @include in-page-with-sidebar
- .blocks
- .block-content
+ @include in-page-with-sidebar
+ .blocks
+ .block-content
+ @include media-breakpoint-up(md)
+ padding-left: offset(4)
+ @include media-breakpoint-up(xxl)
padding-left: offset(5)
diff --git a/assets/sass/_theme/design-system/table_of_content.sass b/assets/sass/_theme/design-system/table_of_content.sass
index ce661a73..753ce2bc 100644
--- a/assets/sass/_theme/design-system/table_of_content.sass
+++ b/assets/sass/_theme/design-system/table_of_content.sass
@@ -119,7 +119,10 @@
margin-top: 0
height: 100%
position: absolute
- width: col-outside-container(4)
+ @include media-breakpoint-up(md)
+ width: col-outside-container(4)
+ @include media-breakpoint-up(xxl)
+ width: col-outside-container(5)
.toc-content
position: sticky
top: var(--header-height)
diff --git a/assets/sass/_theme/design-system/typography.sass b/assets/sass/_theme/design-system/typography.sass
index d3d93c76..55dec3a1 100644
--- a/assets/sass/_theme/design-system/typography.sass
+++ b/assets/sass/_theme/design-system/typography.sass
@@ -51,6 +51,13 @@ h2, .h2
&:hover
text-decoration-thickness: 1px
+[itemprop="articleBody"]
+ h1, h2, h3, h4, h5, h6
+ margin-block-start: 2em
+ margin-block-end: 0
+ &:first-child, meta + &
+ margin-block-start: 0
+
body
font-family: $body-font-family
-moz-osx-font-smoothing: grayscale
diff --git a/assets/sass/_theme/sections/posts.sass b/assets/sass/_theme/sections/posts.sass
index 060cd942..dc301481 100644
--- a/assets/sass/_theme/sections/posts.sass
+++ b/assets/sass/_theme/sections/posts.sass
@@ -109,8 +109,6 @@
text-align: right
.share
justify-content: flex-end
- li:last-child
- margin-right: -$spacing0
.related
margin-top: $spacing1
--
GitLab