vrifox/natenom-websites
vrifox/natenom-websites
Archived
1
1
Fork 0
Code Issues 1 Releases Activity

Fixed: initial letter size, general article width, margin of some images in posts; Enhanced: smaller thumbnails

Browse source
This commit is contained in:
Vrifox 2021-09-12 14:36:57 +02:00
parent 7befb8e657
commit ae94d2b6cb
Signed by: vrifox
GPG key ID: D40098E5B60B2197
2 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
scss/import/blog.scss
View file

@ -8,6 +8,7 @@
//--global--color-primary: var(--global--color-white) !important; //--global--color-primary: var(--global--color-white) !important;
--global--font-size-page-title: 39px !important; --global--font-size-page-title: 39px !important;
--global--font-size-xl: 30px !important; --global--font-size-xl: 30px !important;
--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 600px) !important;
} }
// general // general
@ -114,6 +115,7 @@ body {
article.post { article.post {
header.entry-header { header.entry-header {
figure.post-thumbnail { figure.post-thumbnail {
max-width: calc(.5 * var(--responsive--alignwide-width));
a.post-thumbnail-inner { a.post-thumbnail-inner {
img.attachment-post-thumbnail { img.attachment-post-thumbnail {
margin-top: 40px; margin-top: 40px;
@ -222,6 +224,9 @@ body {
} }
} }
.entry-content { .entry-content {
p.has-drop-cap::first-letter {
font-size: 7.2rem;
}
figure { figure {
figcaption { figcaption {
color: var(--global--color-primary); color: var(--global--color-primary);
@ -240,6 +245,10 @@ body {
font-style: italic; font-style: italic;
} }
} }
.wp-block-image {
margin-top: inherit;
margin-bottom: inherit;
}
.yarpp-related { .yarpp-related {
margin: 3em auto 0 auto !important; margin: 3em auto 0 auto !important;
ol { ol {

2
scss/import/colors.scss
View file

@ -15,6 +15,7 @@ $white: rgb(255, 255, 255);
--background-contrast: rgb(37, 45, 57); --background-contrast: rgb(37, 45, 57);
--text: rgb(255, 255, 255); --text: rgb(255, 255, 255);
--nom-blue: rgb(70, 136, 222); // #4588de --nom-blue: rgb(70, 136, 222); // #4588de
--border: rgb(68, 93, 130);
} }
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
@ -24,3 +25,4 @@ $white: rgb(255, 255, 255);
--text: rgb(0, 0, 0); --text: rgb(0, 0, 0);
} }
} }