Jim Schubert 7d366ad6ac
[docs] Slack block, formatting, 'color' CLI option (#5194)
Adds a more prominent Slack block on the main doc site in response
to a few users not setting the Slack chat links on the Readme or in the
"Learn how" block.

Fixes a rendering issue in the "Try via NPM" block.

Adds a one-liner about the recently added `-Dcolor` option for
optionally colorizing output in the CLI.
2020-02-03 16:08:51 +08:00

90 lines
1.4 KiB
CSS
Executable File

/* your custom css */
dd {
margin-bottom: 0.5em;
}
dd {
margin-inline-start: 2em;
}
.blockElement.imageAlignSide .blockImage {
text-align: center;
}
.edit-this-page p.link {
float: right;
position: relative;
top: -3.5em;
}
.member-container {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
align-items: baseline;
}
.member-container .member {
width: 180px;
margin: 1em;
text-align: center;
}
.member-container .member .avatar {
width: 80px;
margin: auto;
order: 1
}
.member-container .member .member-info {
order: 2
}
.features .blockImage > img {
opacity: 0.6;
}
.nav-footer .attribution {
display: flex;
justify-content: space-between;
margin: 0 auto 1em;
max-width: 1080px;
}
.splashLogo {
display: block;
margin: 0;
min-height: 100px;
height: auto;
}
.splashLogo img {
height: 100px;
max-height: 150px;
}
#try .blockImage,
#tryHomebrew .blockImage,
#tryDocker .blockImage,
#connectOnSlack .blockImage {
margin-top: auto;
margin-bottom: auto;
}
@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
}
@media only screen and (min-width: 1024px) {
}
@media only screen and (min-width: 1200px) {
}
@media only screen and (max-width: 1023px) {
}
@media only screen and (min-width: 1400px) {
}
@media only screen and (min-width: 1500px) {
}