diff options
Diffstat (limited to 'src/styles/pages')
| -rw-r--r-- | src/styles/pages/Page.module.scss | 44 | ||||
| -rw-r--r-- | src/styles/pages/blog.module.scss | 16 |
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") { |
