From d28ddc3e1fc386c624394b5bfa3e824f39de73cc Mon Sep 17 00:00:00 2001 From: Simon C Date: Tue, 8 Feb 2022 22:35:10 +0100 Subject: [PATCH] refactor: Move code --- assets/styles/main.sass | 77 ++++++++++++++++++++--------------------- 1 file changed, 38 insertions(+), 39 deletions(-) diff --git a/assets/styles/main.sass b/assets/styles/main.sass index d8cf7c3..87bc15d 100644 --- a/assets/styles/main.sass +++ b/assets/styles/main.sass @@ -118,45 +118,6 @@ body p, li line-height: 1.6 -.cards - display: grid - grid-auto-columns: 1fr - grid-template-columns: 1fr 1fr - grid-template-rows: auto auto auto - column-gap: var(--tile) - row-gap: var(--tile) - margin: 0 - padding: 0 - list-style-type: none - - @media screen and (max-width: 800px) - grid-template-columns: 1fr - -.cards > *, .card - padding: calc(var(--tile)) - border-radius: var(--border-radius) - - header - display: grid - column-gap: 1rem - grid-template-columns: 70px auto - align-items: center - margin-bottom: 1rem - - p - display: inline-block - - img - width: 70px - height: 70px - - p, h1, h2, h3 - margin: 0 - padding: 0 - - @media screen and (max-width: 800px) - text-align: center - body --tile: 2rem @@ -325,6 +286,44 @@ hr .quote:first-child margin-top: 0 +.cards + display: grid + grid-auto-columns: 1fr + grid-template-columns: 1fr 1fr + grid-template-rows: auto auto auto + column-gap: var(--tile) + row-gap: var(--tile) + margin: 0 + padding: 0 + list-style-type: none + + @media screen and (max-width: 800px) + grid-template-columns: 1fr + +.cards > *, .card + padding: calc(var(--tile)) + border-radius: var(--border-radius) + + header + display: grid + column-gap: 1rem + grid-template-columns: 70px auto + align-items: center + margin-bottom: 1rem + + p + display: inline-block + + img + width: 70px + height: 70px + + p, h1, h2, h3 + margin: 0 + padding: 0 + + @media screen and (max-width: 800px) + text-align: center .footnotes font-size: .8rem