diff options
Diffstat (limited to 'src/_includes')
| -rw-r--r-- | src/_includes/assets/css/styles.css | 26 | ||||
| -rw-r--r-- | src/_includes/posts.njk | 4 |
2 files changed, 28 insertions, 2 deletions
diff --git a/src/_includes/assets/css/styles.css b/src/_includes/assets/css/styles.css index 4f0057d..e93ba11 100644 --- a/src/_includes/assets/css/styles.css +++ b/src/_includes/assets/css/styles.css @@ -969,6 +969,10 @@ select { margin-left: 2.5rem; } +.mb-4 { + margin-bottom: 1rem; +} + .block { display: block; } @@ -2087,6 +2091,14 @@ svg { padding: 2.5rem; } + .md\:text-center { + text-align: center; + } + + .md\:text-justify { + text-align: justify; + } + .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem; @@ -2102,3 +2114,17 @@ svg { line-height: 2rem; } } + +@media (min-width: 1024px) { + .lg\:w-full { + width: 100%; + } + + .lg\:text-left { + text-align: left; + } + + .lg\:text-center { + text-align: center; + } +} diff --git a/src/_includes/posts.njk b/src/_includes/posts.njk index 00a1349..1c62004 100644 --- a/src/_includes/posts.njk +++ b/src/_includes/posts.njk @@ -18,7 +18,7 @@ </div> </div> </article> - <div class="flex flex-col text-xs text-center"> + <div class="flex flex-col text-xs text-center mb-4"> <span>If you found this article useful, spread the word by sharing this link 👉 <span class="w-1 absolute ml-2 my-0"> <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-via="indrajithKLIS" data-hashtags="gamedev #indiegamedev #gametools" data-show-count="false">Tweet</a> @@ -27,7 +27,7 @@ </span> </div> <div class="my-5"> - <a class="justify-start bg-main-red rounded-md p-3 text-main-cream-white-1" href="/posts"><span class="absolute">{% feather "arrow-left" %}</span> <span class="ml-7">back to posts</span></a> + <a class="justify-start bg-main-red rounded-md p-3 text-main-cream-white-1" href="/posts"><span class="absolute md:text-center text-left">{% feather "arrow-left" %}</span> <span class="ml-7">back to posts</span></a> </div> </section> |