mirror of
				https://github.com/Wonderfall/hugo-WonderMod.git
				synced 2025-10-30 19:35:26 +01:00 
			
		
		
		
	Add missing semicolons in CSS files (#408)
Many of the CSS files had no semicolon after the last rule in a block, which is proper syntax, but it's annoying when adding more rules. Since omitting the semicolons doesn't really have a benefit, I've decided to add them.
This commit is contained in:
		| @@ -7,5 +7,5 @@ | |||||||
|     justify-content: center; |     justify-content: center; | ||||||
|     height: 80%; |     height: 80%; | ||||||
|     font-size: 160px; |     font-size: 160px; | ||||||
|     font-weight: 700 |     font-weight: 700; | ||||||
| } | } | ||||||
|   | |||||||
| @@ -1,44 +1,44 @@ | |||||||
| .archive-posts { | .archive-posts { | ||||||
|     width: 100%; |     width: 100%; | ||||||
|     font-size: 16px |     font-size: 16px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .archive-year { | .archive-year { | ||||||
|     margin-top: 40px |     margin-top: 40px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .archive-year:not(:last-of-type) { | .archive-year:not(:last-of-type) { | ||||||
|     border-bottom: 2px solid var(--border) |     border-bottom: 2px solid var(--border); | ||||||
| } | } | ||||||
|  |  | ||||||
| .archive-month { | .archive-month { | ||||||
|     display: flex; |     display: flex; | ||||||
|     align-items: flex-start; |     align-items: flex-start; | ||||||
|     padding: 10px 0 |     padding: 10px 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| .archive-month-header { | .archive-month-header { | ||||||
|     margin: 25px 0; |     margin: 25px 0; | ||||||
|     width: 200px |     width: 200px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .archive-month:not(:last-of-type) { | .archive-month:not(:last-of-type) { | ||||||
|     border-bottom: 1px solid var(--border) |     border-bottom: 1px solid var(--border); | ||||||
| } | } | ||||||
|  |  | ||||||
| .archive-entry { | .archive-entry { | ||||||
|     position: relative; |     position: relative; | ||||||
|     padding: 5px; |     padding: 5px; | ||||||
|     margin: 10px 0 |     margin: 10px 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| .archive-entry-title { | .archive-entry-title { | ||||||
|     margin: 5px 0; |     margin: 5px 0; | ||||||
|     font-weight: 400 |     font-weight: 400; | ||||||
| } | } | ||||||
|  |  | ||||||
| .archive-count, | .archive-count, | ||||||
| .archive-meta { | .archive-meta { | ||||||
|     color: var(--secondary); |     color: var(--secondary); | ||||||
|     font-size: 14px |     font-size: 14px; | ||||||
| } | } | ||||||
|   | |||||||
| @@ -1,7 +1,7 @@ | |||||||
| .footer, | .footer, | ||||||
| .top-link { | .top-link { | ||||||
|     font-size: 12px; |     font-size: 12px; | ||||||
|     color: var(--secondary) |     color: var(--secondary); | ||||||
| } | } | ||||||
|  |  | ||||||
| .footer { | .footer { | ||||||
| @@ -9,12 +9,12 @@ | |||||||
|     margin: auto; |     margin: auto; | ||||||
|     padding: calc((var(--footer-height) - var(--gap)) / 2) var(--gap); |     padding: calc((var(--footer-height) - var(--gap)) / 2) var(--gap); | ||||||
|     text-align: center; |     text-align: center; | ||||||
|     line-height: 24px |     line-height: 24px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .footer span { | .footer span { | ||||||
|     margin-inline-start: 1px; |     margin-inline-start: 1px; | ||||||
|     margin-inline-end: 1px |     margin-inline-end: 1px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .footer span:last-child { | .footer span:last-child { | ||||||
| @@ -23,11 +23,11 @@ | |||||||
|  |  | ||||||
| .footer a { | .footer a { | ||||||
|     color: inherit; |     color: inherit; | ||||||
|     border-bottom: 1px solid var(--secondary) |     border-bottom: 1px solid var(--secondary); | ||||||
| } | } | ||||||
|  |  | ||||||
| .footer a:hover { | .footer a:hover { | ||||||
|     border-bottom: 1px solid var(--primary) |     border-bottom: 1px solid var(--primary); | ||||||
| } | } | ||||||
|  |  | ||||||
| .top-link { | .top-link { | ||||||
| @@ -41,7 +41,7 @@ | |||||||
|     height: 42px; |     height: 42px; | ||||||
|     padding: 12px; |     padding: 12px; | ||||||
|     border-radius: 64px; |     border-radius: 64px; | ||||||
|     transition: visibility .5s, opacity .8s linear |     transition: visibility .5s, opacity .8s linear; | ||||||
| } | } | ||||||
|  |  | ||||||
| .top-link, | .top-link, | ||||||
| @@ -51,10 +51,10 @@ | |||||||
|  |  | ||||||
| .footer a:hover, | .footer a:hover, | ||||||
| .top-link:hover { | .top-link:hover { | ||||||
|     color: var(--primary) |     color: var(--primary); | ||||||
| } | } | ||||||
|  |  | ||||||
| .top-link:focus, | .top-link:focus, | ||||||
| #theme-toggle:focus { | #theme-toggle:focus { | ||||||
|     outline: 0 |     outline: 0; | ||||||
| } | } | ||||||
|   | |||||||
| @@ -5,11 +5,11 @@ | |||||||
|     max-width: calc(var(--nav-width) + var(--gap) * 2); |     max-width: calc(var(--nav-width) + var(--gap) * 2); | ||||||
|     margin-inline-start: auto; |     margin-inline-start: auto; | ||||||
|     margin-inline-end: auto; |     margin-inline-end: auto; | ||||||
|     line-height: var(--header-height) |     line-height: var(--header-height); | ||||||
| } | } | ||||||
|  |  | ||||||
| .nav a { | .nav a { | ||||||
|     display: block |     display: block; | ||||||
| } | } | ||||||
|  |  | ||||||
| .logo, | .logo, | ||||||
| @@ -19,7 +19,7 @@ | |||||||
| } | } | ||||||
|  |  | ||||||
| .logo { | .logo { | ||||||
|     flex-wrap: inherit |     flex-wrap: inherit; | ||||||
| } | } | ||||||
|  |  | ||||||
| .logo a { | .logo a { | ||||||
| @@ -33,7 +33,7 @@ | |||||||
|     pointer-events: none; |     pointer-events: none; | ||||||
|     transform: translate(0, -10%); |     transform: translate(0, -10%); | ||||||
|     border-radius: 6px; |     border-radius: 6px; | ||||||
|     margin-inline-end: 8px |     margin-inline-end: 8px; | ||||||
| } | } | ||||||
|  |  | ||||||
| #theme-toggle svg { | #theme-toggle svg { | ||||||
| @@ -42,36 +42,36 @@ | |||||||
|  |  | ||||||
| button#theme-toggle  { | button#theme-toggle  { | ||||||
|     font-size: 26px; |     font-size: 26px; | ||||||
|     margin: auto 4px |     margin: auto 4px; | ||||||
| } | } | ||||||
|  |  | ||||||
| body.dark #moon { | body.dark #moon { | ||||||
|     vertical-align: middle; |     vertical-align: middle; | ||||||
|     display: none |     display: none; | ||||||
| } | } | ||||||
|  |  | ||||||
| body:not(.dark) #sun { | body:not(.dark) #sun { | ||||||
|     display: none |     display: none; | ||||||
| } | } | ||||||
|  |  | ||||||
| #menu { | #menu { | ||||||
|     list-style: none; |     list-style: none; | ||||||
|     word-break: keep-all; |     word-break: keep-all; | ||||||
|     overflow-x: auto; |     overflow-x: auto; | ||||||
|     white-space: nowrap |     white-space: nowrap; | ||||||
| } | } | ||||||
|  |  | ||||||
| #menu li+li { | #menu li+li { | ||||||
|     margin-inline-start: var(--gap) |     margin-inline-start: var(--gap); | ||||||
| } | } | ||||||
|  |  | ||||||
| #menu a { | #menu a { | ||||||
|     font-size: 16px |     font-size: 16px; | ||||||
| } | } | ||||||
|  |  | ||||||
| #menu .active { | #menu .active { | ||||||
|     font-weight: 500; |     font-weight: 500; | ||||||
|     border-bottom: 2px solid currentColor |     border-bottom: 2px solid currentColor; | ||||||
| } | } | ||||||
|  |  | ||||||
| .lang-switch li, | .lang-switch li, | ||||||
| @@ -83,7 +83,7 @@ body:not(.dark) #sun { | |||||||
|  |  | ||||||
| .lang-switch { | .lang-switch { | ||||||
|     display: flex; |     display: flex; | ||||||
|     flex-wrap: inherit |     flex-wrap: inherit; | ||||||
| } | } | ||||||
|  |  | ||||||
| .lang-switch a { | .lang-switch a { | ||||||
| @@ -93,5 +93,5 @@ body:not(.dark) #sun { | |||||||
| } | } | ||||||
|  |  | ||||||
| .logo-switches { | .logo-switches { | ||||||
|     flex-wrap: inherit |     flex-wrap: inherit; | ||||||
| } | } | ||||||
|   | |||||||
| @@ -3,15 +3,15 @@ | |||||||
|     min-height: calc(100vh - var(--header-height) - var(--footer-height)); |     min-height: calc(100vh - var(--header-height) - var(--footer-height)); | ||||||
|     max-width: calc(var(--main-width) + var(--gap) * 2); |     max-width: calc(var(--main-width) + var(--gap) * 2); | ||||||
|     margin: auto; |     margin: auto; | ||||||
|     padding: var(--gap) |     padding: var(--gap); | ||||||
| } | } | ||||||
|  |  | ||||||
| .page-header h1 { | .page-header h1 { | ||||||
|     font-size: 40px |     font-size: 40px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .pagination { | .pagination { | ||||||
|     display: flex |     display: flex; | ||||||
| } | } | ||||||
|  |  | ||||||
| .pagination a { | .pagination a { | ||||||
| @@ -20,24 +20,24 @@ | |||||||
|     line-height: 36px; |     line-height: 36px; | ||||||
|     background: var(--primary); |     background: var(--primary); | ||||||
|     border-radius: calc(36px / 2); |     border-radius: calc(36px / 2); | ||||||
|     padding: 0 16px |     padding: 0 16px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .pagination .next { | .pagination .next { | ||||||
|     margin-inline-start: auto |     margin-inline-start: auto; | ||||||
| } | } | ||||||
|  |  | ||||||
| .social-icons { | .social-icons { | ||||||
|     padding: 12px 0 |     padding: 12px 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| .social-icons a:not(:last-of-type) { | .social-icons a:not(:last-of-type) { | ||||||
|     margin-inline-end: 12px |     margin-inline-end: 12px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .social-icons a svg { | .social-icons a svg { | ||||||
|     height: 26px; |     height: 26px; | ||||||
|     width: 26px |     width: 26px; | ||||||
| } | } | ||||||
|  |  | ||||||
| code { | code { | ||||||
|   | |||||||
| @@ -4,33 +4,33 @@ | |||||||
|     flex-direction: column; |     flex-direction: column; | ||||||
|     justify-content: center; |     justify-content: center; | ||||||
|     min-height: 320px; |     min-height: 320px; | ||||||
|     margin: var(--gap) 0 calc(var(--gap) * 2) 0 |     margin: var(--gap) 0 calc(var(--gap) * 2) 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| .first-entry .entry-header { | .first-entry .entry-header { | ||||||
|     overflow: hidden; |     overflow: hidden; | ||||||
|     display: -webkit-box; |     display: -webkit-box; | ||||||
|     -webkit-box-orient: vertical; |     -webkit-box-orient: vertical; | ||||||
|     -webkit-line-clamp: 3 |     -webkit-line-clamp: 3; | ||||||
| } | } | ||||||
|  |  | ||||||
| .first-entry .entry-header h1 { | .first-entry .entry-header h1 { | ||||||
|     font-size: 34px; |     font-size: 34px; | ||||||
|     line-height: 1.3 |     line-height: 1.3; | ||||||
| } | } | ||||||
|  |  | ||||||
| .first-entry .entry-content { | .first-entry .entry-content { | ||||||
|     margin: 14px 0; |     margin: 14px 0; | ||||||
|     font-size: 16px; |     font-size: 16px; | ||||||
|     -webkit-line-clamp: 3 |     -webkit-line-clamp: 3; | ||||||
| } | } | ||||||
|  |  | ||||||
| .first-entry .entry-footer { | .first-entry .entry-footer { | ||||||
|     font-size: 14px |     font-size: 14px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .home-info .entry-content { | .home-info .entry-content { | ||||||
|     -webkit-line-clamp: unset |     -webkit-line-clamp: unset; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-entry { | .post-entry { | ||||||
| @@ -44,15 +44,15 @@ | |||||||
| } | } | ||||||
|  |  | ||||||
| .post-entry:active { | .post-entry:active { | ||||||
|     transform: scale(.96) |     transform: scale(.96); | ||||||
| } | } | ||||||
|  |  | ||||||
| .tag-entry .entry-cover { | .tag-entry .entry-cover { | ||||||
|     display: none |     display: none; | ||||||
| } | } | ||||||
|  |  | ||||||
| .entry-header h2 { | .entry-header h2 { | ||||||
|     font-size: 24px |     font-size: 24px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .entry-content { | .entry-content { | ||||||
| @@ -63,12 +63,12 @@ | |||||||
|     overflow: hidden; |     overflow: hidden; | ||||||
|     display: -webkit-box; |     display: -webkit-box; | ||||||
|     -webkit-box-orient: vertical; |     -webkit-box-orient: vertical; | ||||||
|     -webkit-line-clamp: 2 |     -webkit-line-clamp: 2; | ||||||
| } | } | ||||||
|  |  | ||||||
| .entry-footer { | .entry-footer { | ||||||
|     color: var(--secondary); |     color: var(--secondary); | ||||||
|     font-size: 13px |     font-size: 13px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .entry-link { | .entry-link { | ||||||
| @@ -76,31 +76,31 @@ | |||||||
|     left: 0; |     left: 0; | ||||||
|     right: 0; |     right: 0; | ||||||
|     top: 0; |     top: 0; | ||||||
|     bottom: 0 |     bottom: 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| .entry-cover, | .entry-cover, | ||||||
| .entry-isdraft { | .entry-isdraft { | ||||||
|     font-size: 14px; |     font-size: 14px; | ||||||
|     color: var(--secondary) |     color: var(--secondary); | ||||||
| } | } | ||||||
|  |  | ||||||
| .entry-isdraft { | .entry-isdraft { | ||||||
|     display: inline |     display: inline; | ||||||
| } | } | ||||||
|  |  | ||||||
| .entry-cover { | .entry-cover { | ||||||
|     margin-bottom: var(--gap); |     margin-bottom: var(--gap); | ||||||
|     text-align: center |     text-align: center; | ||||||
| } | } | ||||||
|  |  | ||||||
| .entry-cover img { | .entry-cover img { | ||||||
|     border-radius: var(--radius); |     border-radius: var(--radius); | ||||||
|     pointer-events: none; |     pointer-events: none; | ||||||
|     width: 100% |     width: 100%; | ||||||
| } | } | ||||||
|  |  | ||||||
| .entry-cover a { | .entry-cover a { | ||||||
|     color: var(--secondary); |     color: var(--secondary); | ||||||
|     box-shadow: 0 1px 0 var(--primary) |     box-shadow: 0 1px 0 var(--primary); | ||||||
| } | } | ||||||
|   | |||||||
| @@ -1,11 +1,11 @@ | |||||||
| .page-header, | .page-header, | ||||||
| .post-header { | .post-header { | ||||||
|     margin: 24px auto var(--content-gap) auto |     margin: 24px auto var(--content-gap) auto; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-title { | .post-title { | ||||||
|     margin-bottom: 2px; |     margin-bottom: 2px; | ||||||
|     font-size: 40px |     font-size: 40px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-description { | .post-description { | ||||||
| @@ -18,14 +18,14 @@ | |||||||
|     color: var(--secondary); |     color: var(--secondary); | ||||||
|     font-size: 14px; |     font-size: 14px; | ||||||
|     display: flex; |     display: flex; | ||||||
|     flex-wrap: wrap |     flex-wrap: wrap; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-meta .i18n_list li { | .post-meta .i18n_list li { | ||||||
|     display: inline-flex; |     display: inline-flex; | ||||||
|     list-style: none; |     list-style: none; | ||||||
|     margin: auto 3px; |     margin: auto 3px; | ||||||
|     box-shadow: 0 1px 0 var(--secondary) |     box-shadow: 0 1px 0 var(--secondary); | ||||||
| } | } | ||||||
|  |  | ||||||
| .breadcrumbs a { | .breadcrumbs a { | ||||||
| @@ -33,56 +33,56 @@ | |||||||
| } | } | ||||||
|  |  | ||||||
| .post-content { | .post-content { | ||||||
|     color: var(--content) |     color: var(--content); | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content h3, | .post-content h3, | ||||||
| .post-content h4, | .post-content h4, | ||||||
| .post-content h5, | .post-content h5, | ||||||
| .post-content h6 { | .post-content h6 { | ||||||
|     margin: 24px 0 16px |     margin: 24px 0 16px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content h1 { | .post-content h1 { | ||||||
|     margin: 40px auto 32px; |     margin: 40px auto 32px; | ||||||
|     font-size: 40px |     font-size: 40px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content h2 { | .post-content h2 { | ||||||
|     margin: 32px auto 24px; |     margin: 32px auto 24px; | ||||||
|     font-size: 32px |     font-size: 32px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content h3 { | .post-content h3 { | ||||||
|     font-size: 24px |     font-size: 24px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content h4 { | .post-content h4 { | ||||||
|     font-size: 16px |     font-size: 16px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content h5 { | .post-content h5 { | ||||||
|     font-size: 14px |     font-size: 14px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content h6 { | .post-content h6 { | ||||||
|     font-size: 12px |     font-size: 12px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content a, | .post-content a, | ||||||
| .toc a:hover { | .toc a:hover { | ||||||
|     box-shadow: 0 1px 0 |     box-shadow: 0 1px 0;; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content a code { | .post-content a code { | ||||||
|     margin: auto 0; |     margin: auto 0; | ||||||
|     border-radius: 0; |     border-radius: 0; | ||||||
|     box-shadow: 0 -1px 0 var(--primary) inset |     box-shadow: 0 -1px 0 var(--primary) inset; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content del { | .post-content del { | ||||||
|     text-decoration: none; |     text-decoration: none; | ||||||
|     background: linear-gradient(to right, var(--primary) 100%, transparent 0) 0 50%/1px 1px repeat-x |     background: linear-gradient(to right, var(--primary) 100%, transparent 0) 0 50%/1px 1px repeat-x; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content dl, | .post-content dl, | ||||||
| @@ -90,46 +90,46 @@ | |||||||
| .post-content p, | .post-content p, | ||||||
| .post-content figure, | .post-content figure, | ||||||
| .post-content ul { | .post-content ul { | ||||||
|     margin-bottom: var(--content-gap) |     margin-bottom: var(--content-gap); | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content ol, | .post-content ol, | ||||||
| .post-content ul { | .post-content ul { | ||||||
|     padding-inline-start: 20px |     padding-inline-start: 20px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content li { | .post-content li { | ||||||
|     margin-top: 5px |     margin-top: 5px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content li p { | .post-content li p { | ||||||
|     margin-bottom: 0 |     margin-bottom: 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content dl { | .post-content dl { | ||||||
|     display: flex; |     display: flex; | ||||||
|     flex-wrap: wrap; |     flex-wrap: wrap; | ||||||
|     margin: 0 |     margin: 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content dt { | .post-content dt { | ||||||
|     width: 25%; |     width: 25%; | ||||||
|     font-weight: 700 |     font-weight: 700; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content dd { | .post-content dd { | ||||||
|     width: 75%; |     width: 75%; | ||||||
|     margin-inline-start: 0; |     margin-inline-start: 0; | ||||||
|     padding-inline-start: 10px |     padding-inline-start: 10px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content dd~dd, | .post-content dd~dd, | ||||||
| .post-content dt~dt { | .post-content dt~dt { | ||||||
|     margin-top: 10px |     margin-top: 10px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content table { | .post-content table { | ||||||
|     margin-bottom: 32px |     margin-bottom: 32px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content table th, | .post-content table th, | ||||||
| @@ -137,64 +137,64 @@ | |||||||
|     min-width: 80px; |     min-width: 80px; | ||||||
|     padding: 12px 8px; |     padding: 12px 8px; | ||||||
|     line-height: 1.5; |     line-height: 1.5; | ||||||
|     border-bottom: 1px solid var(--border) |     border-bottom: 1px solid var(--border); | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content table th { | .post-content table th { | ||||||
|     font-size: 14px; |     font-size: 14px; | ||||||
|     text-align: start |     text-align: start; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content table:not(.highlighttable) td code:only-child { | .post-content table:not(.highlighttable) td code:only-child { | ||||||
|     margin: auto 0 |     margin: auto 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content .highlight table { | .post-content .highlight table { | ||||||
|     border-radius: var(--radius) |     border-radius: var(--radius); | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content .highlight:not(table), | .post-content .highlight:not(table), | ||||||
| .post-content pre { | .post-content pre { | ||||||
|     margin: 10px auto; |     margin: 10px auto; | ||||||
|     background: var(--hljs-bg) !important; |     background: var(--hljs-bg) !important; | ||||||
|     border-radius: var(--radius) |     border-radius: var(--radius); | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content li>.highlight { | .post-content li>.highlight { | ||||||
|     margin-inline-end: 0 |     margin-inline-end: 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content ul pre { | .post-content ul pre { | ||||||
|     margin-inline-start: calc(var(--gap) * -2) |     margin-inline-start: calc(var(--gap) * -2); | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content .highlight pre { | .post-content .highlight pre { | ||||||
|     margin: 0 |     margin: 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content .highlighttable { | .post-content .highlighttable { | ||||||
|     table-layout: fixed |     table-layout: fixed; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content .highlighttable td:first-child { | .post-content .highlighttable td:first-child { | ||||||
|     width: 40px |     width: 40px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content .highlighttable td .linenodiv { | .post-content .highlighttable td .linenodiv { | ||||||
|     padding-inline-end: 0 !important |     padding-inline-end: 0 !important; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content .highlighttable td .highlight, | .post-content .highlighttable td .highlight, | ||||||
| .post-content .highlighttable td .linenodiv pre { | .post-content .highlighttable td .linenodiv pre { | ||||||
|     margin-bottom: 0 |     margin-bottom: 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content .highlighttable td .highlight pre code::-webkit-scrollbar { | .post-content .highlighttable td .highlight pre code::-webkit-scrollbar { | ||||||
|     display: none |     display: none; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content .highlight span { | .post-content .highlight span { | ||||||
|     background: 0 0 !important |     background: 0 0 !important; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content code { | .post-content code { | ||||||
| @@ -203,7 +203,7 @@ | |||||||
|     font-size: .78em; |     font-size: .78em; | ||||||
|     line-height: 1.5; |     line-height: 1.5; | ||||||
|     background: var(--code-bg); |     background: var(--code-bg); | ||||||
|     border-radius: 2px |     border-radius: 2px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content pre code { | .post-content pre code { | ||||||
| @@ -220,7 +220,7 @@ | |||||||
| .post-content blockquote { | .post-content blockquote { | ||||||
|     margin: 20px 0; |     margin: 20px 0; | ||||||
|     padding: 0 14px; |     padding: 0 14px; | ||||||
|     border-inline-start: 3px solid var(--primary) |     border-inline-start: 3px solid var(--primary); | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content hr { | .post-content hr { | ||||||
| @@ -228,19 +228,19 @@ | |||||||
|     height: 2px; |     height: 2px; | ||||||
|     background: var(--tertiary); |     background: var(--tertiary); | ||||||
|     border-top: 0; |     border-top: 0; | ||||||
|     border-bottom: 0 |     border-bottom: 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content iframe { | .post-content iframe { | ||||||
|     max-width: 100% |     max-width: 100%; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content img { | .post-content img { | ||||||
|     border-radius: 4px |     border-radius: 4px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content img[src*='#center'] { | .post-content img[src*='#center'] { | ||||||
|     margin: auto |     margin: auto; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content figure.align-center { | .post-content figure.align-center { | ||||||
| @@ -265,7 +265,7 @@ | |||||||
|     border: 1px solid var(--border); |     border: 1px solid var(--border); | ||||||
|     background: var(--code-bg); |     background: var(--code-bg); | ||||||
|     border-radius: var(--radius); |     border-radius: var(--radius); | ||||||
|     padding: .4em |     padding: .4em; | ||||||
| } | } | ||||||
|  |  | ||||||
| .dark .toc { | .dark .toc { | ||||||
| @@ -274,39 +274,39 @@ | |||||||
|  |  | ||||||
| .toc details summary { | .toc details summary { | ||||||
|     cursor: zoom-in; |     cursor: zoom-in; | ||||||
|     margin-inline-start: 20px |     margin-inline-start: 20px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .toc details[open] summary { | .toc details[open] summary { | ||||||
|     cursor: zoom-out |     cursor: zoom-out; | ||||||
| } | } | ||||||
|  |  | ||||||
| .toc .details { | .toc .details { | ||||||
|     display: inline; |     display: inline; | ||||||
|     font-weight: 500 |     font-weight: 500; | ||||||
| } | } | ||||||
|  |  | ||||||
| .toc .inner { | .toc .inner { | ||||||
|     margin: 0 20px; |     margin: 0 20px; | ||||||
|     padding: 10px 20px |     padding: 10px 20px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .toc li ul { | .toc li ul { | ||||||
|     margin-inline-start: var(--gap) |     margin-inline-start: var(--gap); | ||||||
| } | } | ||||||
|  |  | ||||||
| .toc summary:focus { | .toc summary:focus { | ||||||
|     outline: 0 |     outline: 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-footer { | .post-footer { | ||||||
|     margin-top: 56px |     margin-top: 56px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-tags li { | .post-tags li { | ||||||
|     display: inline-block; |     display: inline-block; | ||||||
|     margin-inline-end: 3px; |     margin-inline-end: 3px; | ||||||
|     margin-bottom: 5px |     margin-bottom: 5px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-tags a, | .post-tags a, | ||||||
| @@ -314,7 +314,7 @@ | |||||||
| .paginav { | .paginav { | ||||||
|     border-radius: var(--radius); |     border-radius: var(--radius); | ||||||
|     background: var(--code-bg); |     background: var(--code-bg); | ||||||
|     border: 1px solid var(--border) |     border: 1px solid var(--border); | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-tags a { | .post-tags a { | ||||||
| @@ -324,12 +324,12 @@ | |||||||
|     color: var(--secondary); |     color: var(--secondary); | ||||||
|     font-size: 14px; |     font-size: 14px; | ||||||
|     line-height: 34px; |     line-height: 34px; | ||||||
|     background: var(--code-bg) |     background: var(--code-bg); | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-tags a:hover, | .post-tags a:hover, | ||||||
| .paginav a:hover { | .paginav a:hover { | ||||||
|     background: var(--border) |     background: var(--border); | ||||||
| } | } | ||||||
|  |  | ||||||
| .share-buttons { | .share-buttons { | ||||||
| @@ -337,26 +337,26 @@ | |||||||
|     padding-inline-start: var(--radius); |     padding-inline-start: var(--radius); | ||||||
|     display: flex; |     display: flex; | ||||||
|     justify-content: center; |     justify-content: center; | ||||||
|     overflow-x: auto |     overflow-x: auto; | ||||||
| } | } | ||||||
|  |  | ||||||
| .share-buttons a { | .share-buttons a { | ||||||
|     margin-top: 10px |     margin-top: 10px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .share-buttons a:not(:last-of-type) { | .share-buttons a:not(:last-of-type) { | ||||||
|     margin-inline-end: 12px |     margin-inline-end: 12px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .share-buttons a svg { | .share-buttons a svg { | ||||||
|     height: 30px; |     height: 30px; | ||||||
|     width: 30px; |     width: 30px; | ||||||
|     fill: currentColor; |     fill: currentColor; | ||||||
|     transition: transform .1s |     transition: transform .1s; | ||||||
| } | } | ||||||
|  |  | ||||||
| .share-buttons svg:active { | .share-buttons svg:active { | ||||||
|     transform: scale(.96) |     transform: scale(.96); | ||||||
| } | } | ||||||
|  |  | ||||||
| h1:hover .anchor, | h1:hover .anchor, | ||||||
| @@ -368,25 +368,25 @@ h6:hover .anchor { | |||||||
|     display: inline-flex; |     display: inline-flex; | ||||||
|     color: var(--secondary); |     color: var(--secondary); | ||||||
|     margin-inline-start: 8px; |     margin-inline-start: 8px; | ||||||
|     font-weight: 500 |     font-weight: 500; | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content :not(table) ::-webkit-scrollbar-thumb { | .post-content :not(table) ::-webkit-scrollbar-thumb { | ||||||
|     border: 2px solid var(--hljs-bg); |     border: 2px solid var(--hljs-bg); | ||||||
|     background: rgba(255, 255, 255, 0.32) |     background: rgba(255, 255, 255, 0.32); | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content :not(table) ::-webkit-scrollbar-thumb:hover { | .post-content :not(table) ::-webkit-scrollbar-thumb:hover { | ||||||
|     background: rgba(255, 255, 255, 0.56) |     background: rgba(255, 255, 255, 0.56); | ||||||
| } | } | ||||||
|  |  | ||||||
| .gist table::-webkit-scrollbar-thumb { | .gist table::-webkit-scrollbar-thumb { | ||||||
|     border: 2px solid rgb(255, 255, 255); |     border: 2px solid rgb(255, 255, 255); | ||||||
|     background: rgba(0, 0, 0, 0.32) |     background: rgba(0, 0, 0, 0.32); | ||||||
| } | } | ||||||
|  |  | ||||||
| .gist table::-webkit-scrollbar-thumb:hover { | .gist table::-webkit-scrollbar-thumb:hover { | ||||||
|     background: rgba(0, 0, 0, 0.56) |     background: rgba(0, 0, 0, 0.56); | ||||||
| } | } | ||||||
|  |  | ||||||
| .post-content table::-webkit-scrollbar-thumb { | .post-content table::-webkit-scrollbar-thumb { | ||||||
|   | |||||||
| @@ -1,7 +1,7 @@ | |||||||
| .buttons, | .buttons, | ||||||
| .main .profile { | .main .profile { | ||||||
|     display: flex; |     display: flex; | ||||||
|     justify-content: center |     justify-content: center; | ||||||
| } | } | ||||||
|  |  | ||||||
| .main .profile { | .main .profile { | ||||||
| @@ -10,23 +10,23 @@ | |||||||
|     right: 0; |     right: 0; | ||||||
|     align-items: center; |     align-items: center; | ||||||
|     height: 80%; |     height: 80%; | ||||||
|     text-align: center |     text-align: center; | ||||||
| } | } | ||||||
|  |  | ||||||
| .profile .profile_inner h1 { | .profile .profile_inner h1 { | ||||||
|     padding: 12px 0 |     padding: 12px 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| .profile img { | .profile img { | ||||||
|     display: inline-table; |     display: inline-table; | ||||||
|     border-radius: 50%; |     border-radius: 50%; | ||||||
|     pointer-events: none |     pointer-events: none; | ||||||
| } | } | ||||||
|  |  | ||||||
| .buttons { | .buttons { | ||||||
|     flex-wrap: wrap; |     flex-wrap: wrap; | ||||||
|     max-width: 400px; |     max-width: 400px; | ||||||
|     margin: 0 auto |     margin: 0 auto; | ||||||
| } | } | ||||||
|  |  | ||||||
| .button { | .button { | ||||||
| @@ -34,13 +34,13 @@ | |||||||
|     border-radius: var(--radius); |     border-radius: var(--radius); | ||||||
|     margin: 8px; |     margin: 8px; | ||||||
|     padding: 6px; |     padding: 6px; | ||||||
|     transition: transform .1s |     transition: transform .1s; | ||||||
| } | } | ||||||
|  |  | ||||||
| .button-inner { | .button-inner { | ||||||
|     padding: 0 8px |     padding: 0 8px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .button:active { | .button:active { | ||||||
|     transform: scale(.96) |     transform: scale(.96); | ||||||
| } | } | ||||||
|   | |||||||
| @@ -41,5 +41,5 @@ | |||||||
|  |  | ||||||
| #searchResults .focus { | #searchResults .focus { | ||||||
|     transform: scale(.98); |     transform: scale(.98); | ||||||
|     border: 2px solid var(--tertiary) |     border: 2px solid var(--tertiary); | ||||||
| } | } | ||||||
|   | |||||||
| @@ -1,7 +1,7 @@ | |||||||
| .terms-tags li { | .terms-tags li { | ||||||
|     display: inline-block; |     display: inline-block; | ||||||
|     margin: 10px; |     margin: 10px; | ||||||
|     font-weight: 500 |     font-weight: 500; | ||||||
| } | } | ||||||
|  |  | ||||||
| .terms-tags a { | .terms-tags a { | ||||||
| @@ -9,10 +9,10 @@ | |||||||
|     padding: 3px 10px; |     padding: 3px 10px; | ||||||
|     background: var(--tertiary); |     background: var(--tertiary); | ||||||
|     border-radius: 6px; |     border-radius: 6px; | ||||||
|     transition: transform .1s |     transition: transform .1s; | ||||||
| } | } | ||||||
|  |  | ||||||
| .terms-tags a:active { | .terms-tags a:active { | ||||||
|     background: var(--tertiary); |     background: var(--tertiary); | ||||||
|     transform: scale(.96) |     transform: scale(.96); | ||||||
| } | } | ||||||
|   | |||||||
| @@ -1,7 +1,7 @@ | |||||||
| *, | *, | ||||||
| ::after, | ::after, | ||||||
| ::before { | ::before { | ||||||
|     box-sizing: border-box |     box-sizing: border-box; | ||||||
| } | } | ||||||
|  |  | ||||||
| html { | html { | ||||||
| @@ -18,7 +18,7 @@ h3, | |||||||
| h4, | h4, | ||||||
| h5, | h5, | ||||||
| h6 { | h6 { | ||||||
|     color: var(--primary) |     color: var(--primary); | ||||||
| } | } | ||||||
|  |  | ||||||
| body { | body { | ||||||
| @@ -26,7 +26,7 @@ body { | |||||||
|     font-size: 18px; |     font-size: 18px; | ||||||
|     line-height: 1.6; |     line-height: 1.6; | ||||||
|     word-break: break-word; |     word-break: break-word; | ||||||
|     background: var(--theme) |     background: var(--theme); | ||||||
| } | } | ||||||
|  |  | ||||||
| article, | article, | ||||||
| @@ -40,7 +40,7 @@ main, | |||||||
| nav, | nav, | ||||||
| section, | section, | ||||||
| table { | table { | ||||||
|     display: block |     display: block; | ||||||
| } | } | ||||||
|  |  | ||||||
| h1, | h1, | ||||||
| @@ -49,7 +49,7 @@ h3, | |||||||
| h4, | h4, | ||||||
| h5, | h5, | ||||||
| h6 { | h6 { | ||||||
|     line-height: 1.2 |     line-height: 1.2; | ||||||
| } | } | ||||||
|  |  | ||||||
| h1, | h1, | ||||||
| @@ -60,21 +60,21 @@ h5, | |||||||
| h6, | h6, | ||||||
| p { | p { | ||||||
|     margin-top: 0; |     margin-top: 0; | ||||||
|     margin-bottom: 0 |     margin-bottom: 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| ul { | ul { | ||||||
|     padding: 0 |     padding: 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| a { | a { | ||||||
|     text-decoration: none |     text-decoration: none; | ||||||
| } | } | ||||||
|  |  | ||||||
| body, | body, | ||||||
| figure, | figure, | ||||||
| ul { | ul { | ||||||
|     margin: 0 |     margin: 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| table { | table { | ||||||
| @@ -82,7 +82,7 @@ table { | |||||||
|     border-collapse: collapse; |     border-collapse: collapse; | ||||||
|     border-spacing: 0; |     border-spacing: 0; | ||||||
|     overflow-x: auto; |     overflow-x: auto; | ||||||
|     word-break: keep-all |     word-break: keep-all; | ||||||
| } | } | ||||||
|  |  | ||||||
| button, | button, | ||||||
| @@ -96,43 +96,43 @@ textarea { | |||||||
|  |  | ||||||
| input, | input, | ||||||
| textarea { | textarea { | ||||||
|     outline: 0 |     outline: 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| button, | button, | ||||||
| input[type=button], | input[type=button], | ||||||
| input[type=submit] { | input[type=submit] { | ||||||
|     cursor: pointer |     cursor: pointer; | ||||||
| } | } | ||||||
|  |  | ||||||
| input:-webkit-autofill, | input:-webkit-autofill, | ||||||
| textarea:-webkit-autofill { | textarea:-webkit-autofill { | ||||||
|     box-shadow: 0 0 0 50px var(--theme) inset |     box-shadow: 0 0 0 50px var(--theme) inset; | ||||||
| } | } | ||||||
|  |  | ||||||
| img { | img { | ||||||
|     display: block; |     display: block; | ||||||
|     max-width: 100% |     max-width: 100%; | ||||||
| } | } | ||||||
|  |  | ||||||
| ::-webkit-scrollbar-track { | ::-webkit-scrollbar-track { | ||||||
|     background: 0 0 |     background: 0 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| .list:not(.dark)::-webkit-scrollbar-track { | .list:not(.dark)::-webkit-scrollbar-track { | ||||||
|     background: var(--code-bg) |     background: var(--code-bg); | ||||||
| } | } | ||||||
|  |  | ||||||
| ::-webkit-scrollbar-thumb { | ::-webkit-scrollbar-thumb { | ||||||
|     background: var(--tertiary); |     background: var(--tertiary); | ||||||
|     border: 5px solid var(--theme); |     border: 5px solid var(--theme); | ||||||
|     border-radius: var(--radius) |     border-radius: var(--radius); | ||||||
| } | } | ||||||
|  |  | ||||||
| .list:not(.dark)::-webkit-scrollbar-thumb { | .list:not(.dark)::-webkit-scrollbar-thumb { | ||||||
|     border: 5px solid var(--code-bg) |     border: 5px solid var(--code-bg); | ||||||
| } | } | ||||||
|  |  | ||||||
| ::-webkit-scrollbar-thumb:hover { | ::-webkit-scrollbar-thumb:hover { | ||||||
|     background: var(--secondary) |     background: var(--secondary); | ||||||
| } | } | ||||||
|   | |||||||
							
								
								
									
										20
									
								
								assets/css/hljs/an-old-hope.min.css
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										20
									
								
								assets/css/hljs/an-old-hope.min.css
									
									
									
									
										vendored
									
									
								
							| @@ -1,6 +1,6 @@ | |||||||
| .hljs-comment, | .hljs-comment, | ||||||
| .hljs-quote { | .hljs-quote { | ||||||
|     color: #b6b18b |     color: #b6b18b; | ||||||
| } | } | ||||||
|  |  | ||||||
| .hljs-deletion, | .hljs-deletion, | ||||||
| @@ -11,7 +11,7 @@ | |||||||
| .hljs-tag, | .hljs-tag, | ||||||
| .hljs-template-variable, | .hljs-template-variable, | ||||||
| .hljs-variable { | .hljs-variable { | ||||||
|     color: #eb3c54 |     color: #eb3c54; | ||||||
| } | } | ||||||
|  |  | ||||||
| .hljs-built_in, | .hljs-built_in, | ||||||
| @@ -22,28 +22,28 @@ | |||||||
| .hljs-number, | .hljs-number, | ||||||
| .hljs-params, | .hljs-params, | ||||||
| .hljs-type { | .hljs-type { | ||||||
|     color: #e7ce56 |     color: #e7ce56; | ||||||
| } | } | ||||||
|  |  | ||||||
| .hljs-attribute { | .hljs-attribute { | ||||||
|     color: #ee7c2b |     color: #ee7c2b; | ||||||
| } | } | ||||||
|  |  | ||||||
| .hljs-addition, | .hljs-addition, | ||||||
| .hljs-bullet, | .hljs-bullet, | ||||||
| .hljs-string, | .hljs-string, | ||||||
| .hljs-symbol { | .hljs-symbol { | ||||||
|     color: #4fb4d7 |     color: #4fb4d7; | ||||||
| } | } | ||||||
|  |  | ||||||
| .hljs-section, | .hljs-section, | ||||||
| .hljs-title { | .hljs-title { | ||||||
|     color: #78bb65 |     color: #78bb65; | ||||||
| } | } | ||||||
|  |  | ||||||
| .hljs-keyword, | .hljs-keyword, | ||||||
| .hljs-selector-tag { | .hljs-selector-tag { | ||||||
|     color: #b45ea4 |     color: #b45ea4; | ||||||
| } | } | ||||||
|  |  | ||||||
| .hljs { | .hljs { | ||||||
| @@ -51,13 +51,13 @@ | |||||||
|     overflow-x: auto; |     overflow-x: auto; | ||||||
|     background: #1c1d21; |     background: #1c1d21; | ||||||
|     color: #c0c5ce; |     color: #c0c5ce; | ||||||
|     padding: .5em |     padding: .5em; | ||||||
| } | } | ||||||
|  |  | ||||||
| .hljs-emphasis { | .hljs-emphasis { | ||||||
|     font-style: italic |     font-style: italic; | ||||||
| } | } | ||||||
|  |  | ||||||
| .hljs-strong { | .hljs-strong { | ||||||
|     font-weight: 700 |     font-weight: 700; | ||||||
| } | } | ||||||
		Reference in New Issue
	
	Block a user
	 Kian Kasad
					Kian Kasad