jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

html: standardize font sizes and heading tags.

Browse Source 
Standardize font sizes and heading tags (<h1>-<h6>) to be more
consistent across the site.

Changes:

* Introduce font size CSS variables and start replacing hardcoded font
  sizes with standard sizes.
* Change header tags to use only one <h1> per page. One <h1> per page is
  recommended for SEO purposes. Usually this is for the page title, like
  in forum threads or wiki pages.
* Standardize on <h2> for section headers in sidebars and <h3> for
  smaller subsection headers. Don't use <h4>-<h6>.
* In DText, make h1-h4 headers all the same size. Standard wiki style is
  to ignore h1-h3 and start at h4.
* In DText, make h4-h6 the same size as the h1-h3 tags outside of DText.
* In the tag list, change the <h1> and <h2> tag category headers to <h3>.
* Make usernames in comments and forum posts smaller. Also change the
  <h4> tag for the commenter name to <div class="author-name">.
* Make the tag list, paginator, and nav menu smaller on mobile.
* Change h1#app-name-header to a#app-name-header.
This commit is contained in:
evazion
2020-07-17 13:05:40 -05:00
parent a59afcdf29
commit 3a3d456bd2
37 changed files with 83 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/javascript/src/styles/specific/posts.scss
View File

@@ -274,10 +274,6 @@ div#c-posts {
&.post-notice-search { background: var(--post-search-notice-background); }
}
aside#sidebar #tag-list h2 {
font-size: $h4_size;
}
aside#sidebar > section > ul {
margin-bottom: 1em;
@@ -308,7 +304,7 @@ div#c-posts {
div#a-index {
menu#post-sections {
margin-bottom: 0.5em;
font-size: $h3_size;
font-size: var(--text-lg);
li {
padding: 0 1em 0.5em 0;
@@ -331,7 +327,7 @@ div#c-posts {
menu#post-sections {
margin: 0;
font-size: $h3_size;
font-size: var(--text-lg);
li {
padding: 0 1em 0 0;