Adjust color scheme and blockquotes
This commit is contained in:
parent
d01c1fded8
commit
ab4fbfc418
@ -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: ' – '; }
|
||||||
|
|||||||
@ -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: ' – '
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user