Adjust color scheme and blockquotes

This commit is contained in:
Knoch 2019-04-29 22:40:35 +02:00
parent d01c1fded8
commit ab4fbfc418
2 changed files with 18 additions and 13 deletions

View File

@ -10,7 +10,9 @@ section {
/* config */ /* config */
:root { :root {
--secondary: #c8ceda; --primary: #f8f281;
--secondary: #bbd6ec;
--secondary-dark: #3f5d75;
--margin: 0.1; } --margin: 0.1; }
/* basic layout */ /* basic layout */
@ -99,7 +101,7 @@ body {
grid-template-areas: ". title title ." ". column1 column2 ."; } } grid-template-areas: ". title title ." ". column1 column2 ."; } }
body .layout-two-columns .layout-title { body .layout-two-columns .layout-title {
grid-area: title; grid-area: title;
background: white; } background: var(--secondary); }
body .layout-two-columns .layout-column-one { body .layout-two-columns .layout-column-one {
grid-area: column1; grid-area: column1;
background: white; } background: white; }
@ -298,16 +300,17 @@ table {
.box, blockquote { .box, blockquote {
margin-left: calc(-1 * var(--margin) * var(--square)); margin-left: calc(-1 * var(--margin) * var(--square));
padding: 0.8em 0.1em 0.1em calc(var(--margin) * var(--square)); padding: 0.8em 0.1em 0.1em calc(var(--margin) * var(--square)); }
background: var(--secondary); }
.box.warning { .box.warning {
background: #ffffaa; } background: var(--primary); }
blockquote { blockquote {
color: var(--secondary-dark);
text-indent: -.55em; text-indent: -.55em;
padding-bottom: .8em; } padding-bottom: .8em; }
blockquote::before { blockquote::before {
content: '»'; } content: '»';
color: var(--secondary-dark); }
blockquote cite::before { blockquote cite::before {
content: ' '; } content: ' '; }

View File

@ -10,7 +10,9 @@ section {
/* config */ /* config */
:root { :root {
--secondary: #c8ceda; --primary: #f8f281;
--secondary: #bbd6ec;
--secondary-dark: #3f5d75;
--margin: 0.1; --margin: 0.1;
} }
@ -145,7 +147,7 @@ body {
.layout-title { .layout-title {
grid-area: title; grid-area: title;
background: white; background: var(--secondary);
} }
.layout-column-one { .layout-column-one {
@ -386,19 +388,19 @@ table {
.box, blockquote { .box, blockquote {
margin-left: calc(-1 * var(--margin) * var(--square)); margin-left: calc(-1 * var(--margin) * var(--square));
padding: .8em .1em .1em calc(var(--margin) * var(--square)); padding: .8em .1em .1em calc(var(--margin) * var(--square));
background: var(--secondary);
} }
.box.warning { .box.warning {
background: #ffffaa; background: var(--primary);
} }
blockquote { blockquote {
color: var(--secondary-dark);
text-indent: -.55em; text-indent: -.55em;
padding-bottom: .8em; padding-bottom: .8em;
&::before { &::before {
content: '»'; content: '»';
} color: var(--secondary-dark);
&::after {
// content: '«';
} }
cite::before { cite::before {
content: ' ' content: ' '