added image gallery component; moved blurred background to separate CSS class
This commit is contained in:
@@ -310,9 +310,14 @@
|
||||
max-width: var(--media-width);
|
||||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
/* padding: 8px;
|
||||
}
|
||||
|
||||
.blurred-background {
|
||||
backdrop-filter: blur(var(--blur-radius-background));
|
||||
}
|
||||
|
||||
.blurred-background-hover:hover {
|
||||
backdrop-filter: blur(var(--blur-radius-background));
|
||||
border: var(--border-dash-size) var(--border-style) var(--color-highlight); */
|
||||
}
|
||||
|
||||
.lightyears-text {
|
||||
@@ -448,15 +453,5 @@
|
||||
font-family: var(--font-sans-serif);
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.callout-warning {
|
||||
margin: 12px auto;
|
||||
max-width: var(--width-toc);
|
||||
padding: 12px 20px;
|
||||
box-sizing: border-box;
|
||||
backdrop-filter: blur(var(--blur-radius-background));
|
||||
background-color: var(--color-background-highlight-alt);
|
||||
border: var(--border-dash-size) var(--border-style) var(--color-highlight-alt);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user