diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-14 12:14:35 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-14 12:20:29 +0100 |
| commit | 7c7a0a3c243b94b9344e18a37f686c600ec7b962 (patch) | |
| tree | c7826fb9cf967c82ff16bc038fd4cb66ccbcd7a8 /src/styles | |
| parent | c1ce65e75f6cf5514e7eee9541ff8a8eacc04822 (diff) | |
chore: change posts list styles
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/pages/Listing.module.scss | 52 | ||||
| -rw-r--r-- | src/styles/pages/Page.module.scss | 3 |
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; |
