This repository has been archived on 2024-05-31. You can view files and clone it, but cannot push or open issues or pull requests.
authentik/website/src/pages/styles.module.css

99 lines
1.5 KiB
CSS

/* stylelint-disable docusaurus/copyright-header */
.heroBanner {
padding: 4rem 0;
text-align: center;
position: relative;
overflow: hidden;
overflow-wrap: normal;
color: var(--white);
}
.headerRow {
margin-bottom: -10rem;
}
.heroImage {
flex-direction: column;
justify-items: center;
}
.heroImage > img {
filter: drop-shadow(5px 5px 25px rgba(0, 0, 0, 0.6));
}
@media (max-width: 996px) {
.headerRow {
margin-bottom: 0;
}
.hiddenOnMobile {
display: none;
}
.heroBanner {
padding: 2rem;
}
}
.ak_hero__title {
font-size: 1.75rem;
}
@media (min-width: 388px) {
.ak_hero__title {
font-size: 2rem;
}
}
@media (min-width: 520px) {
.ak_hero__title {
font-size: 3rem;
}
}
.buttons {
display: flex;
align-items: center;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.buttons > * {
margin: 0.25rem;
}
.features {
display: flex;
align-items: center;
padding: 2rem 0;
width: 100%;
flex-direction: column;
}
.row {
padding-bottom: 2rem;
}
.rowFullWidth {
width: 100%;
padding: 1rem 3rem;
}
.rowDark {
background-color: var(--ifm-color-secondary-contrast-foreground);
color: var(--ifm-color-secondary-contrast-background);
}
.rowAuthentik {
color: var(--white);
background-color: var(--ifm-color-primary);
}
.newsBar {
margin-bottom: 4rem;
}
.footerCTA {
padding: 3rem;
text-align: center;
}