add inline icon/logo styles

This commit is contained in:
ray 2020-02-14 17:58:48 +00:00
parent 3adb1b3e41
commit a7e165d121
1 changed files with 97 additions and 0 deletions

View File

@ -11,3 +11,100 @@ body.colorscheme-light .avatar img {
border-radius: 31%; border-radius: 31%;
} }
} }
h1,
h2,
h3,
h4,
h5,
h6 {
text-align: center;
}
.content article header {
text-align: center;
}
.content figure.svg > img {
height: 100%;
}
/*
* icons
*/
.content figure.icon-inline {
display: flex;
flex-direction: column;
justify-content: center;
}
.content figure.icon-inline > figcaption p {
margin: 2rem 0;
text-align: inherit;
font-style: inherit;
font-size: inherit;
}
.content figure.icon-inline > img {
height: 6em;
}
@media (max-width: 500px) {
.content figure.icon-inline.sm-order-rev > figcaption {
order: 1;
margin-top: -2rem;
}
.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;
}
.content figure.icon-inline.icon-right > img {
order: 2;
}
}
/*
* logos
*/
.content figure.logo {
height: 1.6em;
margin: 4rem 0;
}
.content figure.logo > img {
display: block;
height: 100%;
margin: 0 auto;
}
@media (min-width: 500px) {
.content figure.logo {
height: 2.6em;
}
.content figure.logo.nuxt {
height: 1.6em;
}
}