/** * Graphical global CSS rules */ html{ } body{ -webkit-font-smoothing: antialiased; @apply bg-white; &.has-primary-bg{ @apply bg-yellow-100; } } #site-content-wrapper{ @screen md{ min-height: calc(100vh - var(--header-height)); @apply flex flex-col; } } .content{ @apply grow; /* @apply h-full; */ } body.has-menu-toggled{ #site-content-wrapper{ @apply fixed top-[var(--header-height)] left-0 w-full /* xl:relative */ ; } } .skip-link{ @apply block h-0 absolute -top-[9999px] -left-[9999px]; a{ &:focus{ @apply fixed top-5 left-5 h-auto bg-white text-black border border-black p-4 z-50; } } } main{ > *:last-child:not(.contacts-section){ @apply mb-lg; } } .sticky-column{ @apply lg:sticky lg:top-[calc(var(--grid-gutter)*2)]; }