add inline icon/logo styles
This commit is contained in:
parent
3adb1b3e41
commit
a7e165d121
|
@ -11,3 +11,100 @@ body.colorscheme-light .avatar img {
|
|||
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;
|
||||
}
|
||||
}
|
||||
|
|
Reference in New Issue