41 lines
963 B
CSS
41 lines
963 B
CSS
@layer utility {
|
|
.centered { text-align: center; }
|
|
|
|
.float-right {
|
|
float: right;
|
|
justify-self: end;
|
|
}
|
|
|
|
.nobreak { white-space: nowrap; }
|
|
|
|
.noselect {
|
|
cursor: default;
|
|
-webkit-user-select: none;
|
|
-moz-use-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.platter {
|
|
-webkit-backdrop-filter: var(--platter-backdrop-filter);
|
|
backdrop-filter: var(--platter-backdrop-filter);
|
|
background-color: var(--platter-background-color);
|
|
border: 1px solid var(--header-border-color);
|
|
border-radius: 12px;
|
|
box-shadow: 3px 4px 4px var(--header-box-shadow-color);
|
|
}
|
|
|
|
.visible { visibility: visible; }
|
|
|
|
article.two-column { columns: 2; }
|
|
|
|
img.circular {
|
|
shape-outside: circle(50%);
|
|
-webkit-clip-path: circle(50%);
|
|
clip-path: circle(50%);
|
|
}
|
|
|
|
.column5 {
|
|
grid-column: span content-start 4;
|
|
}
|
|
}
|