add container style for disqus
This commit is contained in:
parent
db34d0de17
commit
7d6dfd7ebc
|
@ -404,7 +404,7 @@ h6:hover .anchor {
|
|||
}
|
||||
|
||||
.share-buttons {
|
||||
margin-bottom: 14px;
|
||||
margin: 14px 0;
|
||||
padding-inline-start: var(--radius);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
@ -505,3 +505,22 @@ h6:hover .anchor {
|
|||
height: 1px;
|
||||
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);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue