diff --git a/assets/style.sass b/assets/style.sass index bc6dd7b..866f7c5 100644 --- a/assets/style.sass +++ b/assets/style.sass @@ -35,6 +35,13 @@ a height: 7rem width: 100% gap: .5rem + vertical-align: middle + h3 + font-size: 1.4rem + line-height: 1.4rem + margin: 1rem 0 0 0 + padding: 0 + align-self: center .logo height: 7rem width: 7rem @@ -143,6 +150,7 @@ div.recent-posts color: $link h2 margin: 0 + font-size: 1.4rem div.vertical display: flex @@ -254,11 +262,25 @@ div.recipe border: 1px solid silver p:first-of-type margin-top: .3rem - h3 + margin-bottom: 0 + p:nth-of-type(2) + margin-top: .2rem + h3, h4 margin-bottom: 0 &.title margin-top: 0 - + ul + margin: .6rem 0 0 0 + padding: 0 0 0 .6rem + list-style-type: none + li + margin: .3rem 0 + input + accent-color: #2a2926 + ol + margin-top: 0 + li + margin: .3rem 0 footer margin: 1rem 0 @@ -301,12 +323,31 @@ article.split-me body main width: 80% + article.content + div.meta + h1 + font-size: 2.8rem + div.cover + div.wrapper + width: 75% + margin: auto + div.recent-posts div.article h2 + font-size: 1.2rem + @media screen and (max-width: 1200px) - body - main - width: 90% - div.recipe - width: 95% + body + main + width: 90% + div.recipe + width: 95% + article.content + div.meta + h1 + font-size: 2.5rem + div.cover + div.wrapper + width: 85% + margin: auto @media screen and (max-width: 1000px) body @@ -336,12 +377,12 @@ article.split-me height: 300px article.split-me flex-direction: column + section + padding: 0 .3rem div.sidebar border: none div.sidebar-padding padding: 0 1rem - div.recipe - width: auto article.content div.cover div.wrapper @@ -356,6 +397,8 @@ article.split-me p img width: 75% + div.recent-posts div.article h2 + font-size: revert @media screen and ( max-width: 750px ) article.content diff --git a/tofudreams.png b/tofudreams.png index d850d01..cb58c87 100644 Binary files a/tofudreams.png and b/tofudreams.png differ