133 lines
2.0 KiB
CSS
133 lines
2.0 KiB
CSS
.navigation .navigation-title {
|
|
text-transform: none;
|
|
}
|
|
|
|
body.colorscheme-light .avatar img {
|
|
border-radius: 31%;
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
body.colorscheme-auto .avatar img {
|
|
border-radius: 31%;
|
|
}
|
|
}
|
|
|
|
.content figure.svg > img {
|
|
height: 100%;
|
|
}
|
|
|
|
/*
|
|
* icons
|
|
*/
|
|
|
|
.content figure.icon-inline {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.content figure.icon-inline > figcaption p {
|
|
margin: 2rem 0;
|
|
text-align: inherit;
|
|
font-style: inherit;
|
|
font-size: inherit;
|
|
}
|
|
|
|
.content figure.icon-inline > img {
|
|
display: block;
|
|
height: auto;
|
|
width: auto;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
@media (max-width: 500px) {
|
|
.content figure.icon-inline.sm-order-rev > figcaption {
|
|
order: 1;
|
|
margin-top: -2rem;
|
|
}
|
|
|
|
.content figure.icon-inline > img {
|
|
max-width: 6em;
|
|
}
|
|
|
|
.content figure.icon-inline.sm-order-rev > img {
|
|
order: 2;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 500px) {
|
|
.content figure.icon-inline {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
|
|
.content figure.icon-inline > figcaption p {
|
|
margin: 0 0 0 2rem;
|
|
}
|
|
|
|
.content figure.icon-inline.icon-right > figcaption p {
|
|
order: 1;
|
|
margin: 0 2rem 0 0;
|
|
}
|
|
|
|
.content figure.icon-inline > img {
|
|
height: 4em;
|
|
margin: 0;
|
|
}
|
|
|
|
.content figure.icon-inline.large > img {
|
|
height: 6em;
|
|
}
|
|
|
|
.content figure.icon-inline.icon-right > img {
|
|
order: 2;
|
|
}
|
|
}
|
|
|
|
.content figure.icon-inline.flowmm-model-thumb > img {
|
|
display: block;
|
|
height: auto;
|
|
width: 100%;
|
|
max-width: 250px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
@media (min-width: 500px) {
|
|
.content figure.icon-inline.flowmm-model-thumb > img {
|
|
height: 12em;
|
|
width: auto;
|
|
}
|
|
}
|
|
|
|
/*
|
|
* logos
|
|
*/
|
|
|
|
.content figure.logo {
|
|
height: 1.6em;
|
|
margin: 4rem 0;
|
|
}
|
|
|
|
.content figure.logo.large {
|
|
height: 7em;
|
|
}
|
|
|
|
.content figure.logo > img {
|
|
display: block;
|
|
height: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
@media (min-width: 500px) {
|
|
.content figure.logo {
|
|
height: 2.6em;
|
|
}
|
|
|
|
.content figure.logo.large {
|
|
height: 8em;
|
|
}
|
|
|
|
.content figure.logo.nuxt {
|
|
height: 1.6em;
|
|
}
|
|
}
|