add container style for disqus

This commit is contained in:
Reorx 2022-04-22 00:51:29 +08:00
parent db34d0de17
commit 7d6dfd7ebc
1 changed files with 20 additions and 1 deletions

View File

@ -404,7 +404,7 @@ h6:hover .anchor {
} }
.share-buttons { .share-buttons {
margin-bottom: 14px; margin: 14px 0;
padding-inline-start: var(--radius); padding-inline-start: var(--radius);
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -505,3 +505,22 @@ h6:hover .anchor {
height: 1px; height: 1px;
background-color: var(--secondary); background-color: var(--secondary);
} }
:root {
--shadow-color: 0deg 0% 0%;
--shadow-elevation-low:
0.6px 0.6px 1px hsl(var(--shadow-color) / 0.1),
0.9px 0.9px 1.4px -1.2px hsl(var(--shadow-color) / 0.1),
2.2px 2.2px 3.5px -2.5px hsl(var(--shadow-color) / 0.1);
--shadow-elevation-medium:
0.6px 0.6px 1px hsl(var(--shadow-color) / 0.11),
1.8px 1.8px 2.9px -0.8px hsl(var(--shadow-color) / 0.11),
4.6px 4.6px 7.3px -1.7px hsl(var(--shadow-color) / 0.11),
11.1px 11.1px 17.7px -2.5px hsl(var(--shadow-color) / 0.11);
}
.disqus-container {
background-color: var(--code-bg);
border-radius: 10px;
padding: 1.5em;
box-shadow: var(--shadow-elevation-low);
}