This is kind of a hacky implementation.
We are using a negative margin to remove the left&right padding from the content div and expand the background color.
What we should do instead, is move the
padding: 0 60px 20px; (and following media queries)
from "mind-post_central-column" to "mind-post_content", and set the mind-post_central-column side padding to zero, if necessary.
This way, only the actual post content will be "centered" and with spacing at the sides, while other stuff (post info, comments) can have their own custom padding and spacing.
In the case of the info box, it should have zero margin (so be 100% large) with spacing (padding) inside of the box itself.
Now, all posts show info about: author, updated date, tags.
However, styling is needed and also the tags part has to be fixed (we need to add a comma after every tag's name, excluding the last one)
In post cards, the "tag and date" text was slightly moved to the right and looked ugly. This was fixed.
The /tags/ page had a horizontal padding of 0 which made it look ugly. Solved.
The /tags/ page now scales based on screen size and is responsive. Fixes#5
This commit fixes#4.
The kg bookmark sometimes had weird proportions, depending on the original image size and how long the text to show is. Also, the title was not clamped to 2 lines max.
- On posts, the line-height was too high and mobile devices were overflowing the title on top. Now it's smaller, so a longer title should not be a problem.
- The horizontal navbar on code blocks was always present. Now, it only shows when necessary.
- Two new image sizes have been added: xl and xxl.
- Image resizing has been implemented in featured images.
- Some elements were not responsive, such as the link preview and code block.
The responsive theme is almost ready; most pages and elements now render correctly on the vast majority of screens. There are some known issues which are in the works.
Also, a <h4> "Paragraphs" title has been aded on the left navbar.
This commit brings a big update to the screen.css file, making the homepage + policy popup almost 100% responsive.
Another added feature is in the left sidebar: the currently viewed paragraph's title is now highlighted.
Added a new script with the purpose of getting all headers from a post's content and creating links for them in the left sidebar.
Some div classes have been modified, and a wrapper div has been added to posts because of this new script.
Some minor CSS changes have been made.
