Merge branch 'style_improvements'
This commit is contained in:
commit
073ac0ac25
@ -5,7 +5,9 @@
|
||||
--header-divider-color: #6a687a;
|
||||
|
||||
--stream-divider-color: #6ccff6;
|
||||
--stream-post-background-color: #1f1f1f;
|
||||
--stream-post-background-color: #0a0a0a;
|
||||
|
||||
--blog-post-background-color: #0a0a0a;
|
||||
|
||||
--src-font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo,
|
||||
Consolas, "DejaVu Sans Mono", monospace;
|
||||
@ -29,7 +31,9 @@
|
||||
--header-divider-color: #959785;
|
||||
|
||||
--stream-divider-color: #933009;
|
||||
--stream-post-background-color: #e0e0e0;
|
||||
--stream-post-background-color: #f5f5f5;
|
||||
|
||||
--blog-post-background-color: #f5f5f5;
|
||||
|
||||
--src-block-background-color: #ebebeb;
|
||||
--src-block-border-color: #7b7d70;
|
||||
@ -44,6 +48,10 @@
|
||||
}
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--site-text-color);
|
||||
background-color: var(--site-background-color);
|
||||
@ -69,7 +77,7 @@ body {
|
||||
border-bottom: 0.1rem solid var(--header-divider-color);
|
||||
|
||||
.home_link {
|
||||
font-size: 1.2rem;
|
||||
font-size: 2rem;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
|
||||
@ -89,7 +97,8 @@ body {
|
||||
|
||||
/* A stand-alone blog post (not in a blog stream). */
|
||||
.blog_post {
|
||||
padding: 1rem 0 3rem 0;
|
||||
padding: 1rem 0.2rem 0 0.2rem;
|
||||
background: var(--blog-post-background-color);
|
||||
}
|
||||
|
||||
.blog_stream {
|
||||
@ -118,11 +127,19 @@ body {
|
||||
/* A blog post in a blog stream (for example, the homepage). */
|
||||
.blog_stream_post {
|
||||
background: var(--stream-post-background-color);
|
||||
padding: 1rem 0.2rem;
|
||||
padding: 0 0.2rem;
|
||||
}
|
||||
|
||||
.blog_stream_post {
|
||||
background: var(--stream-post-background-color);
|
||||
}
|
||||
|
||||
.blog_stream_post:nth-child(1) {
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
.blog_post_title {
|
||||
font-size: 2.5rem;
|
||||
font-size: 2.9rem;
|
||||
font-weight: 700;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
@ -154,13 +171,14 @@ body {
|
||||
|
||||
.src_line {
|
||||
white-space: pre-wrap;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.inline_source_block {
|
||||
font-family: var(--src-font-family);
|
||||
font-size: 1rem;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.code,
|
||||
@ -270,4 +288,11 @@ body {
|
||||
b {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* Never have media larger than its container */
|
||||
img,
|
||||
picture,
|
||||
video {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
@ -1,7 +1,8 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||
{#global_settings.css_files}<link rel="stylesheet" href="{.}">{/global_settings.css_files}
|
||||
{#global_settings.js_files}<script type="text/javascript" src="{.}"></script>{/global_settings.js_files}
|
||||
{?global_settings.page_title}<title>{global_settings.page_title}</title>{/global_settings.page_title}
|
||||
|
Loading…
x
Reference in New Issue
Block a user