Add Gitter Sidecar widget to docs site (#1332)

* Add Gitter Sidecar to Docs & Community pages.

* Add styles to match Gitter Sidecar button to site theme.

* Fix Gitter button outline when focused.

* Style Gitter button :active state.
This commit is contained in:
Chris Swithinbank
2018-05-02 23:11:54 +02:00
committed by Benaiah Mischenko
parent cd30b59b92
commit 1b2ab39fae
3 changed files with 35 additions and 0 deletions

View File

@ -0,0 +1,26 @@
.gitter-open-chat-button {
&,
&:visited {
padding: $tiny $small;
font-family: $roboto;
font-size: $tiny;
letter-spacing: 0.5px;
color: $grey;
background-color: $green;
box-shadow: 0 2px 16px 0 rgba(68,74,87,0.15), 0 1px 4px 0 rgba(68,74,87,0.30);
}
&:hover {
background-color: $lightGreen;
box-shadow: 0 2px 16px 0 rgba(68,74,87,0.25), 0 1px 4px 0 rgba(68,74,87,0.50);
}
&:focus {
box-shadow: 0 0 6px 3px rgba(62,160,127,.6);
transition: none;
}
&:active {
color: $lightGrey;
}
}

View File

@ -10,3 +10,4 @@
@import "imports/docs.css";
@import "imports/widgets.css";
@import "imports/footer.css";
@import "imports/gitter.css";