aside {
display: flex;
flex-direction: column;
gap: 8px;
position: sticky;
inset-block-start: 0px;
max-block-size: 100dvh;
background-color: var(--sidebar-un-sidebar__background-color);
color: var(--text-un-text__on-secondary);
}
main {
display: grid;
}
.chameleon-features {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--spacing-un-spacing--l);
margin: var(--spacing-un-spacing--l);
padding: 0;
& > .card {
display: grid;
justify-items: center;
inline-size: 180px;
min-block-size: 180px;
text-align: center;
padding: var(--spacing-un-spacing--l);
&::before {
inline-size: 100px;
block-size: 100px;
}
}
& > .card__framework {
--icon-path: url('data:image/svg+xml,');
}
& > .card__accessibility {
--icon-path: url('data:image/svg+xml,');
}
& > .card__rtl {
--icon-path: url("https://unpkg.com/@genexus/unanimo@latest/dist/assets/icons/chat.svg");
&::before {
-webkit-mask-size: 135%;
}
}
}
header {
display: grid;
grid-template-columns: 1fr max-content;
align-items: center;
position: sticky;
inset-block-start: 0px;
z-index: 2; /* Avoid displaying the resize bar above the header */
}
.header-start {
display: grid;
grid-template-columns: max-content max-content;
align-items: baseline;
gap: var(--spacing-un-spacing--s);
}
.main-page {
margin: var(--spacing-un-spacing--l);
}
.heading-1 {
margin-block-end: var(--spacing-un-spacing--m);
}
.heading-2 {
display: grid;
grid-template-columns: max-content max-content;
gap: var(--spacing-un-spacing--s);
}
.sections {
display: grid;
grid-template-rows: max-content;
gap: var(--spacing-un-spacing--l);
margin-block-start: var(--spacing-un-spacing--xl);
}
.header-end {
display: flex;
align-items: center;
gap: var(--spacing-un-spacing--l);
}
.github-logo {
filter: brightness(10);
--icon-path: url('data:image/svg+xml,');
}
.sidebar__search-input {
margin-inline: 8px;
margin-block-start: 8px;
}
/* Remove StencilJS' iframe */
iframe[aria-hidden="true"] {
display: none !important;
}