aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles/pages
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-01-14 12:14:35 +0100
committerArmand Philippot <git@armandphilippot.com>2022-01-14 12:20:29 +0100
commit7c7a0a3c243b94b9344e18a37f686c600ec7b962 (patch)
treec7826fb9cf967c82ff16bc038fd4cb66ccbcd7a8 /src/styles/pages
parentc1ce65e75f6cf5514e7eee9541ff8a8eacc04822 (diff)
chore: change posts list styles
Diffstat (limited to 'src/styles/pages')
-rw-r--r--src/styles/pages/Listing.module.scss52
-rw-r--r--src/styles/pages/Page.module.scss3
2 files changed, 2 insertions, 53 deletions
diff --git a/src/styles/pages/Listing.module.scss b/src/styles/pages/Listing.module.scss
deleted file mode 100644
index db826d7..0000000
--- a/src/styles/pages/Listing.module.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-@use "@styles/abstracts/mixins" as mix;
-@use "@styles/abstracts/placeholders";
-
-.wrapper {
- composes: grid from "@styles/layout/_grid.scss";
- align-items: first baseline;
- padding-bottom: var(--spacing-xl);
-
- > header {
- grid-column: 1 / -1;
- }
-
- > div {
- grid-column: 1 / 3;
- }
-
- > button {
- grid-column: 2;
- }
-
- > aside > div {
- max-height: 100vh;
- overflow: auto;
- }
-}
-
-.body {
- --column-3: 0;
- --grid-gap: 0;
-
- grid-column: 2;
- composes: grid from "@styles/layout/_grid.scss";
- align-items: first baseline;
-
- @include mix.media("screen") {
- @include mix.dimensions("md") {
- grid-row: 2;
- }
- }
-
- > * {
- grid-column: 2;
- }
-}
-
-.list {
- @extend %reset-ordered-list;
-}
-
-li.item {
- margin: 0 0 var(--spacing-md) 0;
-}
diff --git a/src/styles/pages/Page.module.scss b/src/styles/pages/Page.module.scss
index 3ce46d0..69b25c0 100644
--- a/src/styles/pages/Page.module.scss
+++ b/src/styles/pages/Page.module.scss
@@ -4,6 +4,7 @@
.article {
composes: grid from "@styles/layout/_grid.scss";
+ align-items: start;
> header {
grid-column: 1 / -1;
@@ -44,6 +45,7 @@
li.item {
margin: 0 0 var(--spacing-md) 0;
+ border-bottom: fun.convert-px(1) solid var(--color-border-light);
}
.comments {
@@ -60,7 +62,6 @@ li.item {
}
.aside {
- align-self: start;
max-height: 100vh;
position: sticky;
top: 0;