2023-05-19 17:05:49 -07:00
|
|
|
@layer utility {
|
|
|
|
.centered { text-align: center; }
|
2023-10-12 10:13:33 -07:00
|
|
|
|
2023-09-24 09:21:49 -07:00
|
|
|
.float-right {
|
|
|
|
float: right;
|
|
|
|
justify-self: end;
|
|
|
|
}
|
2023-05-19 17:05:49 -07:00
|
|
|
|
|
|
|
.nobreak { white-space: nowrap; }
|
2023-09-28 14:12:55 -07:00
|
|
|
|
2023-05-19 17:05:49 -07:00
|
|
|
.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; }
|
2023-09-28 14:12:55 -07:00
|
|
|
|
|
|
|
img.circular {
|
|
|
|
shape-outside: circle(50%);
|
|
|
|
-webkit-clip-path: circle(50%);
|
|
|
|
clip-path: circle(50%);
|
|
|
|
}
|
2023-10-12 10:13:33 -07:00
|
|
|
|
|
|
|
.column5 {
|
|
|
|
grid-column: span content-start 4;
|
|
|
|
}
|
2023-05-19 17:05:49 -07:00
|
|
|
}
|