aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles
diff options
context:
space:
mode:
Diffstat (limited to 'src/styles')
-rw-r--r--src/styles/pages/Page.module.scss44
-rw-r--r--src/styles/pages/blog.module.scss16
2 files changed, 16 insertions, 44 deletions
diff --git a/src/styles/pages/Page.module.scss b/src/styles/pages/Page.module.scss
deleted file mode 100644
index 5c2848e..0000000
--- a/src/styles/pages/Page.module.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-@use "../abstracts/functions" as fun;
-@use "../abstracts/placeholders";
-
-.article {
- composes: grid from "../layout/_grid.scss";
- align-items: start;
-
- > header {
- grid-column: 1 / -1;
- }
-
- > footer,
- .body {
- grid-column: 2;
- }
-
- &--no-comments {
- margin-bottom: var(--spacing-xl);
- }
-}
-
-.body noscript {
- display: block;
- width: 100%;
- text-align: center;
-}
-
-li.item {
- margin: 0 0 var(--spacing-md) 0;
- border-bottom: fun.convert-px(1) solid var(--color-border);
-}
-
-.comments {
- grid-column: 1 / -1;
- composes: grid from "../layout/_grid.scss";
- margin: var(--spacing-md) 0 0;
- padding: var(--spacing-md) 0 var(--spacing-lg);
- background: var(--color-bg-secondary);
- border-top: fun.convert-px(3) solid var(--color-border-light);
-
- > * {
- grid-column: 2;
- }
-}
diff --git a/src/styles/pages/blog.module.scss b/src/styles/pages/blog.module.scss
index e8d0034..553e9f9 100644
--- a/src/styles/pages/blog.module.scss
+++ b/src/styles/pages/blog.module.scss
@@ -7,6 +7,22 @@
@use "partials/article-media";
@use "partials/article-wp-blocks";
+.posts-list {
+ @include mix.media("screen") {
+ @include mix.dimensions("md") {
+ --col1: #{fun.convert-px(100)};
+ --gap: var(--spacing-lg);
+
+ margin-top: var(--spacing-md);
+ margin-left: calc((var(--col1) + var(--gap)) * -1);
+ }
+ }
+}
+
+.pagination {
+ margin-top: var(--spacing-md);
+}
+
.sharing-widget {
@include mix.media("screen") {
@include mix.dimensions("md") {