2015-09-30 20:00:42 -05:00
|
|
|
|
2015-04-30 15:03:08 -07:00
|
|
|
html {
|
2015-06-01 10:05:06 -07:00
|
|
|
font-size: 62.5%;
|
|
|
|
|
line-height: 1.4;
|
2015-04-30 15:03:08 -07:00
|
|
|
}
|
|
|
|
|
body {
|
2015-06-01 10:05:06 -07:00
|
|
|
font-size: 1.6rem;
|
2015-04-30 15:03:08 -07:00
|
|
|
}
|
2014-07-01 14:26:52 -05:00
|
|
|
|
2016-02-24 14:19:01 +01:00
|
|
|
/* This styling should be not applied to codepen demos, so we need to add a unique identifier. */
|
|
|
|
|
body.docs-body {
|
2015-06-01 10:05:06 -07:00
|
|
|
overflow: hidden;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
max-height: 100%;
|
2014-07-01 14:26:52 -05:00
|
|
|
}
|
2015-07-16 08:50:21 -07:00
|
|
|
|
|
|
|
|
.md-api-table {
|
2015-10-12 08:46:25 -05:00
|
|
|
margin-bottom: 16px;
|
2015-06-01 10:05:06 -07:00
|
|
|
max-width: 100%;
|
|
|
|
|
width: 100%;
|
|
|
|
|
border-spacing: 0;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
overflow: hidden;
|
2014-10-31 17:29:36 -04:00
|
|
|
}
|
2015-04-03 09:36:18 -07:00
|
|
|
|
2016-01-08 17:58:45 -06:00
|
|
|
/* Center the doc tool icons at the top */
|
|
|
|
|
.docs-tools .md-button.md-icon-button {
|
|
|
|
|
min-height: 0;
|
|
|
|
|
height: auto;
|
|
|
|
|
}
|
|
|
|
|
|
2019-02-08 18:36:35 -05:00
|
|
|
.docs-anchor,
|
|
|
|
|
.docs-anchor:visited {
|
2016-09-26 13:16:48 +01:00
|
|
|
color: inherit;
|
|
|
|
|
}
|
|
|
|
|
|
2016-10-09 13:32:19 +02:00
|
|
|
.md-fab.docs-scroll-fab {
|
|
|
|
|
position: fixed !important;
|
|
|
|
|
|
|
|
|
|
transform: scale(0);
|
|
|
|
|
transition: transform 0.2s;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.docs-scroll-fab.scrolling {
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
}
|
|
|
|
|
|
2016-01-08 17:58:45 -06:00
|
|
|
#license-footer {
|
|
|
|
|
align-self: flex-end;
|
|
|
|
|
padding: 16px 32px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
2016-04-09 11:17:05 -05:00
|
|
|
text-align: center;
|
2016-01-08 17:58:45 -06:00
|
|
|
font-size: small;
|
|
|
|
|
border-top: 1px solid #ddd;
|
|
|
|
|
}
|
|
|
|
|
|
2016-04-09 11:17:05 -05:00
|
|
|
.training_link {
|
2018-10-04 18:16:20 -04:00
|
|
|
color: #D32F2F;
|
2016-04-09 11:17:05 -05:00
|
|
|
text-transform: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.training_site {
|
|
|
|
|
text-transform: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.training_info {
|
|
|
|
|
text-transform: none;
|
|
|
|
|
}
|
2015-03-26 15:23:18 -07:00
|
|
|
/***************
|
|
|
|
|
* TYPE DEFAULTS
|
|
|
|
|
***************/
|
|
|
|
|
a {
|
2015-06-01 10:05:06 -07:00
|
|
|
text-decoration: none;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
transition: border-bottom 0.35s;
|
2018-10-04 18:16:20 -04:00
|
|
|
color: #1565C0;
|
docs: better support for dark mode in docs and demos (#11381)
<!--
Filling out this template is required! Do not delete it when submitting a Pull Request! Without this information, your Pull Request may be auto-closed.
-->
## PR Checklist
Please check that your PR fulfills the following requirements:
- [x] The commit message follows [our guidelines](https://github.com/angular/material/blob/master/.github/CONTRIBUTING.md#-commit-message-format)
- [x] Tests for the changes have been added or this is not a bug fix / enhancement
- [x] Docs have been added, updated, or were not required
## PR Type
What kind of change does this PR introduce?
<!-- Please check the one that applies to this PR using "x". -->
```
[ ] Bugfix
[ ] Enhancement
[x] Documentation content changes
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Infrastructure changes
[ ] Other... Please describe:
```
## What is the current behavior?
Button, chips, whiteframe, and tabs demos are significantly broken in dark mode.
This makes testing theme or component changes in dark mode more difficult.
<!-- Please describe the current behavior that you are modifying and link to one or more relevant issues. -->
Issue Number:
Relates to https://github.com/angular/material/pull/11376
## What is the new behavior?
- better support for dark mode in docs and demos
- style anchors to be more readable in dark mode
- fix site-toolbar in dark mode and remove unused styles
- fix supported browsers table in dark mode
- fix button, chips, tabs, whiteframe demos in dark mode
## Does this PR introduce a breaking change?
```
[ ] Yes
[x] No
```
<!-- If this PR contains a breaking change, please describe the impact and migration path for existing applications below. -->
<!-- Note that breaking changes are highly unlikely to get merged to master unless the validation is clear and the use case is critical. -->
## Other information
2018-07-26 13:08:24 -04:00
|
|
|
}
|
|
|
|
|
a:visited {
|
|
|
|
|
color: #7e57c2;
|
2015-03-26 15:23:18 -07:00
|
|
|
}
|
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin-bottom: 1rem;
|
|
|
|
|
margin-top: 1rem;
|
2015-03-26 15:23:18 -07:00
|
|
|
}
|
|
|
|
|
h1 {
|
2015-06-01 10:05:06 -07:00
|
|
|
font-size: 3.400rem;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
line-height: 4rem;
|
2015-03-26 15:23:18 -07:00
|
|
|
}
|
|
|
|
|
h2 {
|
2015-06-01 10:05:06 -07:00
|
|
|
font-size: 2.400rem;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
line-height: 3.2rem;
|
2015-03-26 15:23:18 -07:00
|
|
|
}
|
|
|
|
|
h3 {
|
2015-06-01 10:05:06 -07:00
|
|
|
font-size: 2.000rem;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
letter-spacing: 0.005em;
|
2015-03-26 15:23:18 -07:00
|
|
|
}
|
|
|
|
|
h4 {
|
2015-06-01 10:05:06 -07:00
|
|
|
font-size: 1.600rem;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
letter-spacing: 0.010em;
|
|
|
|
|
line-height: 2.4rem;
|
2015-03-26 15:23:18 -07:00
|
|
|
}
|
|
|
|
|
p {
|
2015-06-01 10:05:06 -07:00
|
|
|
font-size: 1.6rem;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
letter-spacing: 0.010em;
|
|
|
|
|
line-height: 1.6em;
|
|
|
|
|
margin: 0.8em 0 1.6em;
|
2015-03-26 15:23:18 -07:00
|
|
|
}
|
|
|
|
|
strong {
|
2015-06-01 10:05:06 -07:00
|
|
|
font-weight: 500;
|
2015-03-26 15:23:18 -07:00
|
|
|
}
|
2015-07-16 08:50:21 -07:00
|
|
|
|
|
|
|
|
.md-api-table td,
|
|
|
|
|
.md-api-table th {
|
2015-06-01 10:05:06 -07:00
|
|
|
padding: 12px 16px;
|
|
|
|
|
text-align: left;
|
2014-12-18 16:38:31 -08:00
|
|
|
}
|
2015-07-16 08:50:21 -07:00
|
|
|
|
|
|
|
|
.md-api-table td {
|
2015-06-01 10:05:06 -07:00
|
|
|
vertical-align: top;
|
2015-04-03 16:11:06 -07:00
|
|
|
}
|
2015-07-16 08:50:21 -07:00
|
|
|
.md-api-table td.description *:first-child {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin-top: 0;
|
2015-04-03 16:11:06 -07:00
|
|
|
}
|
2015-07-16 08:50:21 -07:00
|
|
|
.md-api-table td.description *:last-child {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
2015-07-16 08:50:21 -07:00
|
|
|
.md-api-table tr:nth-child(odd) td {
|
2015-06-01 10:05:06 -07:00
|
|
|
background-color: #E3ECF5;
|
2015-04-03 16:11:06 -07:00
|
|
|
}
|
2015-07-16 08:50:21 -07:00
|
|
|
.md-api-table tr:nth-child(even) td {
|
2015-06-01 10:05:06 -07:00
|
|
|
background-color: #D1DEEC;
|
2014-10-31 17:29:36 -04:00
|
|
|
}
|
2015-07-16 08:50:21 -07:00
|
|
|
.md-api-table th {
|
2018-10-04 18:16:20 -04:00
|
|
|
background-color: #1976D2;
|
2015-06-01 10:05:06 -07:00
|
|
|
color: white;
|
2014-10-31 17:29:36 -04:00
|
|
|
}
|
2018-10-04 18:16:20 -04:00
|
|
|
.md-api-table code,
|
|
|
|
|
.md-api-table a {
|
|
|
|
|
background-color: rgba(255, 255, 255, 0.25);
|
|
|
|
|
}
|
2015-10-12 08:46:25 -05:00
|
|
|
|
2015-03-26 15:23:18 -07:00
|
|
|
blockquote {
|
2015-06-01 10:05:06 -07:00
|
|
|
border-left: 3px solid rgba(0, 0, 0, 0.12);
|
|
|
|
|
font-style: italic;
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
padding-left: 16px;
|
2015-03-26 15:23:18 -07:00
|
|
|
}
|
2015-04-03 09:36:18 -07:00
|
|
|
ul {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
2015-04-03 09:44:16 -07:00
|
|
|
}
|
2019-01-22 13:21:44 -05:00
|
|
|
ul li:not(.md-nav-item) {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin-left: 16px;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin-top: 3px;
|
|
|
|
|
list-style-position: inside;
|
2015-04-03 09:44:16 -07:00
|
|
|
}
|
2019-01-22 13:21:44 -05:00
|
|
|
ul li:not(.md-nav-item):first-child {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin-top: 0;
|
2015-04-03 09:36:18 -07:00
|
|
|
}
|
2015-03-26 15:23:18 -07:00
|
|
|
/************
|
|
|
|
|
* UTILS
|
|
|
|
|
************/
|
2015-02-28 15:22:39 -08:00
|
|
|
ul.skip-links li {
|
2015-06-01 10:05:06 -07:00
|
|
|
list-style: none;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
2015-02-28 15:22:39 -08:00
|
|
|
}
|
|
|
|
|
ul.skip-links li a {
|
2019-04-22 11:14:40 -05:00
|
|
|
color: white;
|
|
|
|
|
margin: 0.9em 0 0.5em 0.5em !important;
|
|
|
|
|
right: 0;
|
2015-06-01 10:05:06 -07:00
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
z-index: 2;
|
2015-02-28 15:22:39 -08:00
|
|
|
}
|
2019-04-22 11:14:40 -05:00
|
|
|
ul.skip-links li a md-icon {
|
|
|
|
|
color: white;
|
|
|
|
|
}
|
|
|
|
|
.md-breadcrumb:focus {
|
|
|
|
|
outline: #BDBDC0 solid 2px;
|
|
|
|
|
}
|
2015-03-26 15:23:18 -07:00
|
|
|
/*******************
|
|
|
|
|
* CODE HIGHLIGHTING
|
|
|
|
|
*******************/
|
2014-11-08 16:40:13 -06:00
|
|
|
pre {
|
2015-06-01 10:05:06 -07:00
|
|
|
white-space: pre;
|
|
|
|
|
white-space: pre-wrap;
|
|
|
|
|
word-wrap: break-word;
|
2014-11-08 16:40:13 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
pre > code.highlight {
|
2015-06-01 10:05:06 -07:00
|
|
|
padding: 16px;
|
|
|
|
|
font-weight: 400;
|
2014-11-08 16:40:13 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
pre, code {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
|
|
|
|
|
overflow-wrap: break-word;
|
2014-11-08 16:40:13 -06:00
|
|
|
}
|
|
|
|
|
|
2015-06-01 10:05:06 -07:00
|
|
|
|
2014-11-08 16:40:13 -06:00
|
|
|
pre > code.highlight {
|
2015-06-01 10:05:06 -07:00
|
|
|
background-color: transparent;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
padding: 16px;
|
2014-11-08 16:40:13 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
code {
|
2015-06-01 10:05:06 -07:00
|
|
|
font-size: 1.4rem;
|
2018-10-04 18:16:20 -04:00
|
|
|
background: rgba(0, 0, 0, 0.05);
|
2014-11-08 16:40:13 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
code.highlight {
|
2015-06-01 10:05:06 -07:00
|
|
|
display: block;
|
|
|
|
|
overflow-wrap: break-word;
|
2014-11-08 16:40:13 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
code:not(.highlight) {
|
2018-10-04 18:16:20 -04:00
|
|
|
color: #1565C0;
|
2015-06-01 10:05:06 -07:00
|
|
|
margin-left: 1px;
|
|
|
|
|
margin-right: 1px;
|
|
|
|
|
padding: 0.125em 0.35em;
|
|
|
|
|
border-radius: 2px;
|
2014-11-08 16:40:13 -06:00
|
|
|
}
|
2014-08-25 16:40:04 -06:00
|
|
|
.layout-content code.highlight {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin-bottom: 15px;
|
2014-08-25 16:40:04 -06:00
|
|
|
}
|
2015-03-26 15:23:18 -07:00
|
|
|
/************
|
|
|
|
|
* DOCS MENU
|
|
|
|
|
************/
|
2015-05-23 21:11:08 -07:00
|
|
|
.site-sidenav {
|
2015-06-01 10:05:06 -07:00
|
|
|
background: #106CC8;
|
2015-05-23 21:11:08 -07:00
|
|
|
}
|
|
|
|
|
.site-sidenav md-content {
|
2015-06-01 10:05:06 -07:00
|
|
|
background: transparent;
|
2015-05-23 21:11:08 -07:00
|
|
|
}
|
2015-02-12 17:38:39 -08:00
|
|
|
.site-sidenav,
|
|
|
|
|
.site-sidenav.md-locked-open-add-active,
|
|
|
|
|
.site-sidenav.md-locked-open {
|
2015-11-25 15:37:32 -08:00
|
|
|
width: 272px;
|
|
|
|
|
min-width: 272px;
|
|
|
|
|
max-width: 272px;
|
2015-02-12 17:38:39 -08:00
|
|
|
}
|
|
|
|
|
.site-sidenav > * {
|
2015-06-01 10:05:06 -07:00
|
|
|
min-width: 218px;
|
2015-02-12 17:38:39 -08:00
|
|
|
}
|
|
|
|
|
|
2015-01-02 23:26:54 -08:00
|
|
|
.docs-menu,
|
|
|
|
|
.docs-menu ul {
|
2015-06-01 10:05:06 -07:00
|
|
|
list-style: none;
|
|
|
|
|
padding: 0;
|
2015-08-23 21:11:25 -05:00
|
|
|
max-width: 100%;
|
|
|
|
|
overflow-x: hidden;
|
2015-01-02 23:26:54 -08:00
|
|
|
}
|
2019-02-11 14:25:12 -05:00
|
|
|
ul.docs-menu li {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin: 0;
|
2015-01-02 23:26:54 -08:00
|
|
|
}
|
2015-04-30 09:21:11 -07:00
|
|
|
.docs-menu > li:nth-child(1) {
|
2015-06-01 10:05:06 -07:00
|
|
|
border-top: none;
|
2015-04-30 09:21:11 -07:00
|
|
|
}
|
2015-05-23 21:11:08 -07:00
|
|
|
.md-whiteframe-glow-z1 {
|
2019-02-11 14:25:12 -05:00
|
|
|
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.14),
|
|
|
|
|
0 0 2px 2px rgba(0, 0, 0, 0.098),
|
|
|
|
|
0 0 5px 1px rgba(0, 0, 0, 0.084);
|
2015-04-30 09:21:11 -07:00
|
|
|
}
|
2015-01-02 23:26:54 -08:00
|
|
|
.docs-menu > li {
|
2015-06-01 10:05:06 -07:00
|
|
|
border-bottom: 1px solid #267ED5;
|
2015-05-14 11:24:12 -07:00
|
|
|
}
|
|
|
|
|
|
2015-01-02 23:26:54 -08:00
|
|
|
.docs-menu .md-button {
|
2015-06-01 10:05:06 -07:00
|
|
|
border-radius: 0;
|
|
|
|
|
color: white;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
display: block;
|
2015-06-16 09:44:05 -07:00
|
|
|
align-items: inherit;
|
2015-06-01 10:05:06 -07:00
|
|
|
line-height: 40px;
|
|
|
|
|
margin: 0;
|
|
|
|
|
max-height: 40px;
|
|
|
|
|
overflow: hidden;
|
2019-02-11 14:25:12 -05:00
|
|
|
padding: 0 16px;
|
2015-06-01 10:05:06 -07:00
|
|
|
text-align: left;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
white-space: normal;
|
|
|
|
|
width: 100%;
|
2014-07-01 14:26:52 -05:00
|
|
|
}
|
2016-03-01 17:23:18 -06:00
|
|
|
|
2016-03-05 12:47:54 -06:00
|
|
|
html[dir=rtl] .docs-menu .md-button,
|
|
|
|
|
body[dir=rtl] .docs-menu .md-button {
|
2016-03-01 17:23:18 -06:00
|
|
|
unicode-bidi: embed;
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2015-05-23 21:11:08 -07:00
|
|
|
.docs-menu .md-button:hover,
|
|
|
|
|
.docs-menu .md-button:focus {
|
2018-10-04 18:16:20 -04:00
|
|
|
background: #1D77D5 !important;
|
2015-05-23 21:11:08 -07:00
|
|
|
}
|
|
|
|
|
.docs-menu .md-button md-icon {
|
2015-06-01 10:05:06 -07:00
|
|
|
color: white;
|
2015-05-23 21:11:08 -07:00
|
|
|
}
|
2015-05-14 11:24:12 -07:00
|
|
|
|
|
|
|
|
.docs-menu md-select {
|
2015-06-01 10:05:06 -07:00
|
|
|
/* Override md-select margins. With margins the menu will look incorrect and causes mobile list
|
|
|
|
|
to not be scrollable.
|
|
|
|
|
*/
|
|
|
|
|
margin: 0;
|
|
|
|
|
width: 100%;
|
2015-05-14 11:24:12 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.docs-menu md-select md-select-label {
|
2015-06-01 10:05:06 -07:00
|
|
|
justify-content: flex-end;
|
|
|
|
|
padding-top: 10px;
|
2015-05-14 11:24:12 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.docs-menu md-select md-select-label span {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin-right: auto;
|
|
|
|
|
padding-left: 13px;
|
2015-05-14 11:24:12 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.docs-menu md-select .md-select-icon {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin-right: 28px;
|
2015-05-14 11:24:12 -07:00
|
|
|
}
|
|
|
|
|
|
2015-01-02 23:26:54 -08:00
|
|
|
.docs-menu button.md-button::-moz-focus-inner {
|
2015-06-01 10:05:06 -07:00
|
|
|
padding: 0;
|
2015-01-02 23:26:54 -08:00
|
|
|
}
|
|
|
|
|
.docs-menu .md-button.active {
|
2018-10-04 18:16:20 -04:00
|
|
|
background: #1D77D5;
|
2014-07-01 14:26:52 -05:00
|
|
|
}
|
2015-01-02 23:26:54 -08:00
|
|
|
.menu-heading {
|
2015-06-01 10:05:06 -07:00
|
|
|
display: block;
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 8px 16px 0;
|
|
|
|
|
text-align: left;
|
|
|
|
|
width: 100%;
|
2018-10-04 18:16:20 -04:00
|
|
|
color: white;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
}
|
2016-03-01 17:23:18 -06:00
|
|
|
|
2016-03-05 12:47:54 -06:00
|
|
|
html[dir=rtl] .menu-heading,
|
|
|
|
|
body[dir=rtl] .menu-heading {
|
2016-03-01 17:23:18 -06:00
|
|
|
unicode-bidi: embed;
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
|
2015-01-02 23:26:54 -08:00
|
|
|
.menu-toggle-list {
|
2015-06-01 10:05:06 -07:00
|
|
|
overflow: hidden;
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 1;
|
2016-10-13 01:11:22 +02:00
|
|
|
height: 0;
|
2015-01-02 23:26:54 -08:00
|
|
|
}
|
|
|
|
|
.docs-menu .menu-toggle-list a.md-button {
|
2015-06-01 10:05:06 -07:00
|
|
|
display: block;
|
|
|
|
|
padding: 0 16px 0 32px;
|
|
|
|
|
text-transform: none;
|
2015-06-01 14:39:49 -05:00
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
}
|
|
|
|
|
|
2016-01-08 17:58:45 -06:00
|
|
|
.parent-list-item:last-child {
|
2015-06-01 14:39:49 -05:00
|
|
|
margin-bottom: 20px;
|
2016-01-08 17:58:45 -06:00
|
|
|
|
|
|
|
|
/* Prevent the hidden License link from causing a double bottom-border */
|
|
|
|
|
border-bottom: none;
|
2015-01-02 23:26:54 -08:00
|
|
|
}
|
|
|
|
|
.md-button-toggle .md-toggle-icon {
|
2015-06-01 10:05:06 -07:00
|
|
|
display: block;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
speak: none;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
transform: rotate(180deg);
|
|
|
|
|
transition: transform 0.3s ease-in-out;
|
2015-01-02 23:26:54 -08:00
|
|
|
}
|
|
|
|
|
.md-button-toggle .md-toggle-icon.toggled {
|
2015-06-01 10:05:06 -07:00
|
|
|
transform: rotate(0deg);
|
2015-01-02 23:26:54 -08:00
|
|
|
}
|
2015-05-14 11:24:12 -07:00
|
|
|
|
2015-01-02 23:26:54 -08:00
|
|
|
/* End Docs Menu */
|
2014-08-18 14:21:04 -06:00
|
|
|
|
2015-05-23 21:11:08 -07:00
|
|
|
.docs-logo {
|
2015-06-01 10:05:06 -07:00
|
|
|
text-align: center;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: 0 0 16px;
|
2015-06-01 11:30:35 -07:00
|
|
|
margin: 0 auto;
|
2015-05-23 21:11:08 -07:00
|
|
|
}
|
2015-03-13 17:17:38 -07:00
|
|
|
.docs-logo:focus {
|
2015-06-01 10:05:06 -07:00
|
|
|
outline: none;
|
2015-02-12 17:39:10 -08:00
|
|
|
}
|
2015-05-23 21:11:08 -07:00
|
|
|
.docs-logo > img {
|
2018-03-23 18:05:27 -04:00
|
|
|
margin-top: 19px;
|
|
|
|
|
height: 120px;
|
2015-06-01 10:05:06 -07:00
|
|
|
width: auto;
|
|
|
|
|
display: block;
|
|
|
|
|
transform-origin: 50% 0;
|
|
|
|
|
transform: scale(1.2);
|
2015-05-23 21:11:08 -07:00
|
|
|
}
|
|
|
|
|
.nav-header {
|
2015-06-01 10:05:06 -07:00
|
|
|
background-color: #106CC8;
|
|
|
|
|
background: linear-gradient(#185694, #106cc8);
|
2018-10-04 18:16:20 -04:00
|
|
|
border-bottom: 1px solid #1D77D5;
|
2015-06-01 10:05:06 -07:00
|
|
|
flex-shrink: 0;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
}
|
|
|
|
|
a.docs-logo {
|
|
|
|
|
border-bottom: none;
|
2015-05-23 21:11:08 -07:00
|
|
|
}
|
|
|
|
|
.docs-logotype {
|
2015-06-01 10:05:06 -07:00
|
|
|
color: white;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 26px;
|
2018-03-23 18:05:27 -04:00
|
|
|
margin-bottom: 1rem;
|
|
|
|
|
margin-top: 21px;
|
2015-05-23 21:11:08 -07:00
|
|
|
}
|
2015-02-12 17:39:10 -08:00
|
|
|
.docs-menu-separator-icon {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin: 0;
|
2015-02-12 17:39:10 -08:00
|
|
|
}
|
|
|
|
|
.docs-menu-separator-icon img {
|
2015-06-01 10:05:06 -07:00
|
|
|
height: 16px;
|
2015-02-12 17:39:10 -08:00
|
|
|
}
|
2015-05-23 21:11:08 -07:00
|
|
|
.md-breadcrumb {
|
2015-06-01 10:05:06 -07:00
|
|
|
font-size: 24px !important;
|
|
|
|
|
font-weight: 400 !important;
|
2015-05-23 21:11:08 -07:00
|
|
|
}
|
2015-02-12 17:39:10 -08:00
|
|
|
.md-breadcrumb-page {
|
2015-06-01 10:05:06 -07:00
|
|
|
display: inline-block;
|
|
|
|
|
word-wrap: break-word;
|
2014-07-01 14:26:52 -05:00
|
|
|
}
|
2015-05-23 21:11:08 -07:00
|
|
|
.docs-toolbar-tools {
|
2015-06-01 10:05:06 -07:00
|
|
|
max-width: 864px;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0 24px;
|
|
|
|
|
width: auto;
|
2015-05-23 21:11:08 -07:00
|
|
|
}
|
|
|
|
|
.docs-tools .md-button,
|
|
|
|
|
.docs-tools .md-button md-icon {
|
2015-06-01 10:05:06 -07:00
|
|
|
color: #666 !important;
|
2015-05-23 21:11:08 -07:00
|
|
|
}
|
|
|
|
|
.docs-toolbar-tools .md-button md-icon {
|
2015-06-01 10:05:06 -07:00
|
|
|
color: #666 !important;
|
2016-02-05 19:00:05 +01:00
|
|
|
fill: #666 !important;
|
2015-05-23 21:11:08 -07:00
|
|
|
}
|
2015-02-12 17:39:10 -08:00
|
|
|
@media (max-width: 400px) {
|
2015-06-01 10:05:06 -07:00
|
|
|
.docs-tools {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
2015-02-12 17:39:10 -08:00
|
|
|
}
|
2015-03-26 15:23:18 -07:00
|
|
|
.layout-content,
|
|
|
|
|
.doc-content {
|
2015-06-01 10:05:06 -07:00
|
|
|
max-width: 864px;
|
|
|
|
|
margin: 16px;
|
|
|
|
|
box-sizing: border-box;
|
2015-03-26 15:23:18 -07:00
|
|
|
}
|
2015-01-14 18:31:45 -08:00
|
|
|
docs-demo {
|
2015-06-01 10:05:06 -07:00
|
|
|
display: block;
|
|
|
|
|
margin-top: 16px;
|
2015-01-14 18:31:45 -08:00
|
|
|
}
|
|
|
|
|
.doc-description p {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin-top: 0;
|
2015-01-14 18:31:45 -08:00
|
|
|
}
|
2014-09-11 13:12:39 -06:00
|
|
|
.demo-container {
|
2015-06-01 10:05:06 -07:00
|
|
|
border-radius: 4px;
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
transition: 0.02s padding cubic-bezier(0.35, 0, 0.25, 1);
|
|
|
|
|
position: relative;
|
|
|
|
|
padding-bottom: 0;
|
2014-08-04 14:20:33 -06:00
|
|
|
}
|
2014-11-05 11:52:09 -06:00
|
|
|
.demo-source-tabs {
|
2015-06-01 10:05:06 -07:00
|
|
|
z-index: 1;
|
|
|
|
|
transition: all 0.45s cubic-bezier(0.35, 0, 0.25, 1);
|
|
|
|
|
height: 448px;
|
|
|
|
|
background: #fff;
|
|
|
|
|
overflow: hidden;
|
2014-09-15 15:46:01 -06:00
|
|
|
}
|
2015-05-23 21:11:08 -07:00
|
|
|
.demo-source-tabs md-tabs-wrapper {
|
2015-06-01 10:05:06 -07:00
|
|
|
background-color: #2C80D2 !important;
|
2015-05-23 21:11:08 -07:00
|
|
|
}
|
2014-09-15 15:46:01 -06:00
|
|
|
|
2014-11-08 16:40:13 -06:00
|
|
|
md-tabs.demo-source-tabs md-tab,
|
|
|
|
|
md-tabs.demo-source-tabs .md-header {
|
2015-06-01 10:05:06 -07:00
|
|
|
background-color: #444444 !important;
|
2014-11-05 11:52:09 -06:00
|
|
|
}
|
2014-11-08 16:40:13 -06:00
|
|
|
|
2015-06-01 10:05:06 -07:00
|
|
|
|
2014-11-05 11:52:09 -06:00
|
|
|
md-tabs.demo-source-tabs md-tab-label {
|
2015-06-01 10:05:06 -07:00
|
|
|
color: #ccc !important;
|
2014-11-19 18:16:36 -08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
md-tabs.demo-source-tabs .active md-tab-label {
|
2015-06-01 10:05:06 -07:00
|
|
|
color: #fff !important;
|
2014-11-05 11:52:09 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.demo-source-tabs.ng-hide {
|
2015-06-01 10:05:06 -07:00
|
|
|
min-height: 0;
|
|
|
|
|
height: 0;
|
2014-09-15 15:46:01 -06:00
|
|
|
}
|
|
|
|
|
.demo-source-tabs {
|
2015-06-01 10:05:06 -07:00
|
|
|
position: relative;
|
|
|
|
|
width: 100%;
|
|
|
|
|
z-index: 0;
|
2014-09-15 15:46:01 -06:00
|
|
|
}
|
|
|
|
|
.demo-content {
|
2015-06-01 10:05:06 -07:00
|
|
|
position: relative;
|
|
|
|
|
display: flex;
|
2016-10-10 22:56:02 +02:00
|
|
|
overflow: hidden;
|
2014-09-15 15:46:01 -06:00
|
|
|
}
|
2014-11-19 18:11:03 -07:00
|
|
|
.small-demo .demo-source-tabs:not(.ng-hide) {
|
2015-06-01 10:05:06 -07:00
|
|
|
height: 224px;
|
2014-11-19 18:11:03 -07:00
|
|
|
}
|
|
|
|
|
.small-demo .demo-content {
|
2015-06-01 10:05:06 -07:00
|
|
|
min-height: 128px;
|
2014-11-19 18:11:03 -07:00
|
|
|
}
|
2015-01-19 13:32:43 -08:00
|
|
|
|
|
|
|
|
.doc-content > * {
|
2015-06-01 10:05:06 -07:00
|
|
|
flex: 1 1 auto;
|
2015-01-19 13:32:43 -08:00
|
|
|
}
|
2014-09-15 15:46:01 -06:00
|
|
|
.demo-content > * {
|
2015-06-01 10:05:06 -07:00
|
|
|
flex: 1 1 0%;
|
2014-10-14 19:36:43 -04:00
|
|
|
}
|
2016-03-08 17:09:56 -06:00
|
|
|
|
2014-10-14 19:36:43 -04:00
|
|
|
.demo-content > div[layout-fill] {
|
2015-06-01 10:05:06 -07:00
|
|
|
min-height: 448px;
|
2014-08-15 10:20:32 -06:00
|
|
|
}
|
2015-10-03 21:56:41 -04:00
|
|
|
.demo-content > div.layout-fill {
|
|
|
|
|
min-height: 448px;
|
|
|
|
|
}
|
2014-11-19 18:11:03 -07:00
|
|
|
.small-demo .demo-content > div[layout-fill] {
|
2015-06-01 10:05:06 -07:00
|
|
|
min-height: 224px;
|
2014-11-19 18:11:03 -07:00
|
|
|
}
|
2015-10-03 21:56:41 -04:00
|
|
|
.small-demo .demo-content > div.layout-fill {
|
|
|
|
|
min-height: 224px;
|
|
|
|
|
}
|
2015-01-19 13:32:43 -08:00
|
|
|
.layout-content .small-demo .demo-content > div[layout],
|
2015-10-01 11:18:46 -05:00
|
|
|
.layout-options .small-demo .demo-content > div.layout {
|
2015-06-01 10:05:06 -07:00
|
|
|
min-height: auto !important;
|
|
|
|
|
max-height: auto !important;
|
|
|
|
|
height: 128px !important;
|
2014-12-15 11:10:54 -07:00
|
|
|
}
|
2014-11-21 22:14:52 -07:00
|
|
|
.small-demo .demo-toolbar,
|
2015-02-04 10:18:11 -08:00
|
|
|
.small-demo .md-toolbar-tools {
|
2015-06-01 10:05:06 -07:00
|
|
|
min-height: 48px;
|
|
|
|
|
max-height: 48px;
|
2014-11-19 18:11:03 -07:00
|
|
|
}
|
2014-08-15 10:20:32 -06:00
|
|
|
|
2015-01-14 18:31:45 -08:00
|
|
|
md-toolbar.demo-toolbar {
|
2015-06-01 10:05:06 -07:00
|
|
|
border-radius: 3px 3px 0 0;
|
|
|
|
|
box-shadow: 0 1px rgba(255, 255, 255, 0.1);
|
2018-10-04 18:16:20 -04:00
|
|
|
color: white;
|
2015-04-30 05:42:00 -07:00
|
|
|
}
|
2014-10-13 18:31:00 -06:00
|
|
|
md-toolbar.demo-toolbar md-tab-label {
|
2018-10-04 18:16:20 -04:00
|
|
|
color: #99E4EE;
|
2014-08-18 15:47:57 -06:00
|
|
|
}
|
2015-05-23 21:11:08 -07:00
|
|
|
md-toolbar.demo-toolbar .md-button:hover {
|
2015-06-01 10:05:06 -07:00
|
|
|
background: rgba(0,0,0,0.1);
|
2014-08-18 15:47:57 -06:00
|
|
|
}
|
2015-05-23 21:11:08 -07:00
|
|
|
md-toolbar.demo-toolbar .md-button.active, md-toolbar.demo-toolbar .md-button.active md-icon {
|
2015-06-01 10:05:06 -07:00
|
|
|
color: #418CD6;
|
2015-05-23 21:11:08 -07:00
|
|
|
}
|
2014-08-21 17:38:12 -06:00
|
|
|
|
2014-11-06 15:28:04 -07:00
|
|
|
md-toolbar.demo-toolbar .md-button {
|
2015-06-01 10:05:06 -07:00
|
|
|
transition: all 0.3s linear;
|
|
|
|
|
color: #616161;
|
2014-08-15 10:20:32 -06:00
|
|
|
}
|
2014-08-18 11:44:36 -06:00
|
|
|
.demo-source-container {
|
2015-06-01 10:05:06 -07:00
|
|
|
display: block;
|
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
|
background-color: #f6f6f6;
|
|
|
|
|
height: 400px;
|
2014-08-18 11:44:36 -06:00
|
|
|
}
|
2015-05-23 21:11:08 -07:00
|
|
|
.demo-source-container hljs {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin-bottom: 0;
|
|
|
|
|
border-radius: 0;
|
2015-05-23 21:11:08 -07:00
|
|
|
}
|
2014-11-05 11:52:09 -06:00
|
|
|
.show-source div[demo-include] {
|
2015-06-01 10:05:06 -07:00
|
|
|
border-top: #ddd solid 2px;
|
2014-11-05 11:52:09 -06:00
|
|
|
}
|
2015-03-26 15:23:18 -07:00
|
|
|
.docs-list {
|
2015-06-01 10:05:06 -07:00
|
|
|
padding: 16px;
|
2015-03-26 15:23:18 -07:00
|
|
|
}
|
|
|
|
|
.docs-descriptions h4 {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin: 0;
|
2015-03-26 15:23:18 -07:00
|
|
|
}
|
|
|
|
|
.docs-list md-divider {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin: 8px 0;
|
2015-03-26 15:23:18 -07:00
|
|
|
}
|
|
|
|
|
.docs-list li {
|
2015-06-01 10:05:06 -07:00
|
|
|
list-style: none;
|
|
|
|
|
margin: 0 0 8px;
|
2015-03-26 15:23:18 -07:00
|
|
|
}
|
2015-04-03 16:34:20 -07:00
|
|
|
.docs-output {
|
2015-04-29 11:14:49 -05:00
|
|
|
|
2015-04-03 16:34:20 -07:00
|
|
|
}
|
2014-11-05 11:52:09 -06:00
|
|
|
|
2015-01-02 23:26:54 -08:00
|
|
|
/***************
|
|
|
|
|
* Landing Page
|
|
|
|
|
***************/
|
|
|
|
|
ul.buckets {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin: 24px 0 24px -8px;
|
|
|
|
|
padding: 0;
|
|
|
|
|
position: relative;
|
2015-01-02 23:26:54 -08:00
|
|
|
}
|
|
|
|
|
ul.buckets li {
|
2015-06-01 10:05:06 -07:00
|
|
|
list-style: none;
|
|
|
|
|
margin: 0;
|
|
|
|
|
text-align: center;
|
2015-01-02 23:26:54 -08:00
|
|
|
}
|
|
|
|
|
ul.buckets li md-card md-card-content {
|
2015-06-01 10:05:06 -07:00
|
|
|
padding: 0;
|
2015-01-02 23:26:54 -08:00
|
|
|
}
|
|
|
|
|
ul.buckets li a {
|
2015-06-01 10:05:06 -07:00
|
|
|
display: block;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
padding: 16px 0;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
background-color: #f6f6f6 !important;
|
|
|
|
|
box-shadow: none !important;
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
margin-top: 0;
|
2015-01-02 23:26:54 -08:00
|
|
|
}
|
2015-05-23 21:11:08 -07:00
|
|
|
ul.buckets li a,
|
|
|
|
|
ul.buckets li a md-icon {
|
2015-06-01 10:05:06 -07:00
|
|
|
color: #666 !important;
|
|
|
|
|
transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
|
2015-05-22 10:49:18 -07:00
|
|
|
}
|
2015-05-23 21:11:08 -07:00
|
|
|
ul.buckets li a:hover,
|
|
|
|
|
ul.buckets li a:focus,
|
2015-05-22 10:49:18 -07:00
|
|
|
ul.buckets li a:hover md-icon,
|
|
|
|
|
ul.buckets li a:focus md-icon {
|
2015-06-01 10:05:06 -07:00
|
|
|
color: #106CC8 !important;
|
|
|
|
|
background-color: #ebebeb !important;
|
2015-01-02 23:26:54 -08:00
|
|
|
}
|
2014-08-15 10:20:32 -06:00
|
|
|
/************
|
2015-01-02 23:26:54 -08:00
|
|
|
* API DOCS
|
2014-08-15 10:20:32 -06:00
|
|
|
************/
|
2014-11-06 15:28:04 -07:00
|
|
|
.api-options-bar .md-button {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin: 4px;
|
|
|
|
|
padding: 4px;
|
2014-08-15 10:20:32 -06:00
|
|
|
}
|
2014-11-06 15:28:04 -07:00
|
|
|
.api-options-bar .md-button:hover,
|
|
|
|
|
.api-options-bar .md-button:focus {
|
2015-06-01 10:05:06 -07:00
|
|
|
background: rgba(0, 0, 0, 0.2);
|
2014-08-18 19:38:44 -06:00
|
|
|
}
|
2014-10-13 18:31:00 -06:00
|
|
|
.api-options-bar.with-icon md-icon {
|
2015-06-01 10:05:06 -07:00
|
|
|
position: absolute;
|
|
|
|
|
top: -3px;
|
|
|
|
|
left: 2px;
|
2014-08-15 10:20:32 -06:00
|
|
|
}
|
2014-11-06 15:28:04 -07:00
|
|
|
.api-options-bar.with-icon .md-button span {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin-left: 22px;
|
2014-08-04 15:37:27 -06:00
|
|
|
}
|
2014-08-15 11:39:20 -06:00
|
|
|
|
2015-06-05 15:23:57 -05:00
|
|
|
header.api-profile-header > h2 {
|
|
|
|
|
margin: 0;
|
|
|
|
|
color: #164371;
|
|
|
|
|
}
|
|
|
|
|
|
2014-08-19 11:28:40 -06:00
|
|
|
.api-params-item {
|
2015-06-01 10:05:06 -07:00
|
|
|
min-height: 72px;
|
2014-08-19 11:28:40 -06:00
|
|
|
}
|
2015-02-04 10:18:11 -08:00
|
|
|
.api-params-label {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin-right: 8px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin-top: 14px;
|
|
|
|
|
align-self: flex-start;
|
2014-08-19 11:28:40 -06:00
|
|
|
}
|
|
|
|
|
.api-params-title {
|
2015-06-01 10:05:06 -07:00
|
|
|
color: #888;
|
2015-05-31 22:51:51 -05:00
|
|
|
}
|
|
|
|
|
|
2014-10-13 18:31:00 -06:00
|
|
|
.api-params-content ul {
|
2015-06-01 10:05:06 -07:00
|
|
|
padding-left: 4px;
|
2014-10-13 18:31:00 -06:00
|
|
|
}
|
2015-06-01 10:05:06 -07:00
|
|
|
ul.methods > li {
|
2015-06-01 11:30:35 -07:00
|
|
|
margin: 0 0 48px;
|
2014-10-13 18:31:00 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ul.methods .method-function-syntax {
|
2015-06-01 10:05:06 -07:00
|
|
|
font-weight: normal;
|
|
|
|
|
font-size: 2.0rem;
|
|
|
|
|
margin: 0;
|
2015-05-31 22:51:51 -05:00
|
|
|
}
|
|
|
|
|
|
2015-05-31 09:46:19 -07:00
|
|
|
h3 .method-function-syntax {
|
2015-06-01 10:05:06 -07:00
|
|
|
display: block;
|
|
|
|
|
padding: 0 16px;
|
|
|
|
|
background: #1C5792;
|
|
|
|
|
color: white;
|
|
|
|
|
line-height: 48px;
|
2015-05-31 09:46:19 -07:00
|
|
|
}
|
|
|
|
|
|
2014-10-13 18:31:00 -06:00
|
|
|
@media (max-width: 600px) {
|
2015-06-01 10:05:06 -07:00
|
|
|
ul.methods > li {
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
border-left: none;
|
|
|
|
|
list-style: default;
|
|
|
|
|
}
|
|
|
|
|
ul.methods .method-function-syntax {
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
}
|
2014-10-13 18:31:00 -06:00
|
|
|
}
|
2014-09-03 16:16:49 -05:00
|
|
|
|
2014-11-08 16:40:13 -06:00
|
|
|
.demo-source-container pre,
|
|
|
|
|
.demo-source-container code {
|
2015-06-01 10:05:06 -07:00
|
|
|
min-height: 100%;
|
2014-09-19 10:37:49 -06:00
|
|
|
}
|
2014-10-08 18:12:53 -05:00
|
|
|
|
2015-01-24 17:06:05 -08:00
|
|
|
md-content.demo-source-container {
|
2015-06-01 10:05:06 -07:00
|
|
|
background-color: transparent;
|
|
|
|
|
border: none;
|
2015-01-24 17:06:05 -08:00
|
|
|
}
|
2015-04-05 23:14:49 -07:00
|
|
|
.demo-container > md-tabs {
|
2015-06-01 10:05:06 -07:00
|
|
|
border-radius: 0;
|
2015-04-05 23:14:49 -07:00
|
|
|
}
|
|
|
|
|
md-content.demo-source-container > hljs,
|
|
|
|
|
md-content.demo-source-container > hljs > pre,
|
2014-11-08 16:40:13 -06:00
|
|
|
md-content.demo-source-container > hljs > pre > code.highlight {
|
2015-06-01 10:05:06 -07:00
|
|
|
min-height: 100%;
|
2014-10-08 18:12:53 -05:00
|
|
|
}
|
2014-11-20 14:13:23 -08:00
|
|
|
|
2015-02-12 17:38:39 -08:00
|
|
|
.dashed-bottom {
|
2015-06-01 10:05:06 -07:00
|
|
|
border-bottom: dashed 1px rgb(224, 224, 224);
|
|
|
|
|
padding-bottom: 10px;
|
2015-02-10 11:23:26 -06:00
|
|
|
}
|
|
|
|
|
|
2015-02-12 17:38:39 -08:00
|
|
|
.dashed-top {
|
2015-06-01 10:05:06 -07:00
|
|
|
border-top: dashed 1px rgb(224, 224, 224);
|
|
|
|
|
margin-top: 10px;
|
2015-02-11 12:55:16 -06:00
|
|
|
}
|
|
|
|
|
|
2015-06-01 14:39:49 -05:00
|
|
|
.api-section, .api-param-section {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin: 3em 0 0;
|
2015-04-03 16:11:06 -07:00
|
|
|
}
|
2015-02-10 11:23:26 -06:00
|
|
|
.api-section h3 {
|
2015-06-01 10:05:06 -07:00
|
|
|
padding-top: 20px;
|
2015-03-13 17:17:38 -07:00
|
|
|
}
|
2015-03-31 17:09:46 -07:00
|
|
|
.responsive-video {
|
2015-06-01 10:05:06 -07:00
|
|
|
height: 0;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
padding-bottom: 75%;
|
|
|
|
|
position: relative;
|
2015-03-31 17:09:46 -07:00
|
|
|
}
|
|
|
|
|
.responsive-video iframe {
|
2015-06-01 10:05:06 -07:00
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
2015-03-31 17:09:46 -07:00
|
|
|
}
|
2015-03-13 17:17:38 -07:00
|
|
|
|
2015-04-02 11:45:41 -04:00
|
|
|
ul.no-style {
|
2015-06-01 10:05:06 -07:00
|
|
|
padding: 0;
|
|
|
|
|
list-style: none;
|
2015-04-02 11:45:41 -04:00
|
|
|
}
|
|
|
|
|
|
2015-04-05 23:14:49 -07:00
|
|
|
ul.methods {
|
2015-06-01 10:05:06 -07:00
|
|
|
padding: 0;
|
|
|
|
|
list-style: none;
|
2015-04-05 23:14:49 -07:00
|
|
|
}
|
|
|
|
|
ul.methods > li:first-child > *:first-child {
|
2015-06-01 10:05:06 -07:00
|
|
|
padding-top: 0;
|
2015-04-05 23:14:49 -07:00
|
|
|
}
|
|
|
|
|
|
2015-06-01 10:05:06 -07:00
|
|
|
|
2015-05-12 17:52:01 -05:00
|
|
|
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
|
2015-06-01 10:05:06 -07:00
|
|
|
display: none !important;
|
2015-05-12 17:52:01 -05:00
|
|
|
}
|
2015-05-20 16:47:38 -07:00
|
|
|
|
|
|
|
|
.version-picker {
|
2018-10-04 18:16:20 -04:00
|
|
|
background: #1D77D5 !important;
|
2015-06-01 10:05:06 -07:00
|
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
2015-06-03 10:55:28 -07:00
|
|
|
margin-bottom: 1px !important;
|
2015-05-20 16:47:38 -07:00
|
|
|
}
|
|
|
|
|
.version-picker .menu-toggle-list {
|
2015-06-01 10:05:06 -07:00
|
|
|
background: transparent !important;
|
2015-05-20 16:47:38 -07:00
|
|
|
}
|
2015-05-22 14:12:11 -07:00
|
|
|
md-icon.block {
|
2015-06-01 10:05:06 -07:00
|
|
|
color: #106CC8;
|
|
|
|
|
display: block;
|
|
|
|
|
height: 50px;
|
|
|
|
|
width: 50px;
|
2015-05-22 14:12:11 -07:00
|
|
|
}
|
|
|
|
|
.doc-demo-content {
|
2015-06-01 10:05:06 -07:00
|
|
|
padding: 0;
|
2015-05-22 14:12:11 -07:00
|
|
|
}
|
|
|
|
|
docs-demo .doc-demo-content {
|
2015-06-01 10:05:06 -07:00
|
|
|
margin: 16px;
|
2015-05-23 21:11:08 -07:00
|
|
|
}
|
|
|
|
|
.site-content-toolbar {
|
2015-06-01 10:05:06 -07:00
|
|
|
z-index: 3;
|
2015-05-31 22:51:51 -05:00
|
|
|
}
|
2015-06-01 11:30:35 -07:00
|
|
|
.service-desc {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
background: #E3ECF5;
|
|
|
|
|
padding: 16px;
|
|
|
|
|
margin: 0 0 8px;
|
|
|
|
|
}
|
|
|
|
|
.service-desc > p:first-child {
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
.service-desc > p:last-child {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
2018-10-04 18:16:20 -04:00
|
|
|
.service-desc code {
|
|
|
|
|
background-color: rgba(255, 255, 255, 0.25);
|
|
|
|
|
}
|
2015-05-12 17:33:20 -07:00
|
|
|
|
|
|
|
|
/* Styles for Windows High Contrast mode */
|
|
|
|
|
@media screen and (-ms-high-contrast: active) {
|
|
|
|
|
a {
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
}
|
|
|
|
|
iframe, hljs pre {
|
|
|
|
|
border: 1px solid #fff;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-08 10:35:41 -07:00
|
|
|
.no-transition {
|
2016-10-10 20:13:25 +02:00
|
|
|
transition: none !important;
|
2015-06-08 10:35:41 -07:00
|
|
|
}
|
2015-10-03 21:56:41 -04:00
|
|
|
|
2015-10-12 08:46:25 -05:00
|
|
|
table.attributes, table.md-api-table {
|
2015-10-03 21:56:41 -04:00
|
|
|
padding-left:15px;
|
2015-10-12 08:46:25 -05:00
|
|
|
margin-bottom: 20px;
|
2015-10-03 21:56:41 -04:00
|
|
|
}
|
|
|
|
|
table.attributes tr td:first-child {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
background-color: #DBEEF5;
|
|
|
|
|
}
|
|
|
|
|
table.attributes tr td:last-child {
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
}
|
2015-10-12 08:46:25 -05:00
|
|
|
|
2016-11-16 13:04:44 -06:00
|
|
|
table.md-api-table:not(.md-css-table) tr td:first-child {
|
2015-10-12 08:46:25 -05:00
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
2015-12-03 22:48:02 -06:00
|
|
|
|
2016-11-16 13:04:44 -06:00
|
|
|
table.md-css-table .md-css-selector {
|
|
|
|
|
display: block;
|
|
|
|
|
padding: 8px 16px;
|
|
|
|
|
|
|
|
|
|
/* Offset the padding of the <td> element */
|
|
|
|
|
margin: -12px -16px 12px -16px;
|
|
|
|
|
|
|
|
|
|
background-color: #0C2238;
|
|
|
|
|
color: #9ccc65;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Fix some odd bottom margin */
|
|
|
|
|
table.md-css-table td p {
|
|
|
|
|
margin: 0.8em 0;
|
|
|
|
|
}
|
2015-12-03 22:48:02 -06:00
|
|
|
|
|
|
|
|
.layout_note {
|
|
|
|
|
font-size: 0.9em;
|
2018-06-19 15:47:23 -04:00
|
|
|
margin: -5px 40px 0 20px;
|
|
|
|
|
color: rgb(1, 57, 114);
|
|
|
|
|
background-color: rgba(156, 204, 101,0.4);
|
|
|
|
|
padding: 20px;
|
2015-12-03 22:48:02 -06:00
|
|
|
}
|
2016-04-16 14:00:13 -05:00
|
|
|
|
|
|
|
|
.contributor_tables {
|
|
|
|
|
padding-left: 25px;
|
|
|
|
|
}
|
2016-04-16 23:11:45 -05:00
|
|
|
|
|
|
|
|
.contributor_tables > table {
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
padding-bottom: 10px;
|
|
|
|
|
}
|
2016-06-28 10:46:44 -05:00
|
|
|
|
2018-06-29 16:13:45 -04:00
|
|
|
table.custom-table {
|
|
|
|
|
margin: 24px 2px;
|
|
|
|
|
box-shadow: 0 1px 2px rgba(10, 16, 20, 0.24), 0 0 2px rgba(10, 16, 20, 0.12);
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
background: #fafafa;
|
docs: better support for dark mode in docs and demos (#11381)
<!--
Filling out this template is required! Do not delete it when submitting a Pull Request! Without this information, your Pull Request may be auto-closed.
-->
## PR Checklist
Please check that your PR fulfills the following requirements:
- [x] The commit message follows [our guidelines](https://github.com/angular/material/blob/master/.github/CONTRIBUTING.md#-commit-message-format)
- [x] Tests for the changes have been added or this is not a bug fix / enhancement
- [x] Docs have been added, updated, or were not required
## PR Type
What kind of change does this PR introduce?
<!-- Please check the one that applies to this PR using "x". -->
```
[ ] Bugfix
[ ] Enhancement
[x] Documentation content changes
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Infrastructure changes
[ ] Other... Please describe:
```
## What is the current behavior?
Button, chips, whiteframe, and tabs demos are significantly broken in dark mode.
This makes testing theme or component changes in dark mode more difficult.
<!-- Please describe the current behavior that you are modifying and link to one or more relevant issues. -->
Issue Number:
Relates to https://github.com/angular/material/pull/11376
## What is the new behavior?
- better support for dark mode in docs and demos
- style anchors to be more readable in dark mode
- fix site-toolbar in dark mode and remove unused styles
- fix supported browsers table in dark mode
- fix button, chips, tabs, whiteframe demos in dark mode
## Does this PR introduce a breaking change?
```
[ ] Yes
[x] No
```
<!-- If this PR contains a breaking change, please describe the impact and migration path for existing applications below. -->
<!-- Note that breaking changes are highly unlikely to get merged to master unless the validation is clear and the use case is critical. -->
## Other information
2018-07-26 13:08:24 -04:00
|
|
|
color: rgba(0,0,0,0.87);
|
2018-06-29 16:13:45 -04:00
|
|
|
border-spacing: 0;
|
|
|
|
|
}
|
|
|
|
|
table.custom-table thead > {
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
border-color: inherit;
|
|
|
|
|
}
|
|
|
|
|
table.custom-table thead > tr {
|
|
|
|
|
vertical-align: inherit;
|
|
|
|
|
border-color: inherit;
|
|
|
|
|
}
|
|
|
|
|
table.custom-table thead > tr > th {
|
|
|
|
|
background: rgba(219, 219, 219, 0.2);
|
|
|
|
|
border-bottom: 1px solid #dbdbdb;
|
|
|
|
|
color: #333;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
padding: 8px 24px;
|
|
|
|
|
text-align: left;
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
line-height: 28px;
|
|
|
|
|
}
|
|
|
|
|
table.custom-table tbody > tr > th,
|
|
|
|
|
table.custom-table tbody > tr > td {
|
|
|
|
|
border-bottom: 1px solid #dbdbdb;
|
|
|
|
|
padding: 16px;
|
|
|
|
|
text-align: left;
|
|
|
|
|
line-height: 24px;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 480px) {
|
|
|
|
|
table.custom-table tbody > tr > th:before,
|
|
|
|
|
table.custom-table tbody > tr > td:before {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
table.custom-table tbody > tr > td {
|
|
|
|
|
letter-spacing: 0.3px;
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 480px) {
|
|
|
|
|
table.custom-table tbody > tr > td tr td:first-child {
|
|
|
|
|
background-color: #dbdbdb;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
table.custom-table tbody > tr > th:first-child {
|
|
|
|
|
border-right: 1px solid #dbdbdb;
|
|
|
|
|
}
|
|
|
|
|
table.custom-table tbody > tr > th {
|
|
|
|
|
background: rgba(219, 219, 219, 0.2);
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
max-width: 100px;
|
|
|
|
|
}
|
|
|
|
|
table.custom-table tbody > tr >:last-child td {
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
|
2016-06-28 10:46:44 -05:00
|
|
|
/* Provide some layout/padding enhancements for mobile/small devices */
|
|
|
|
|
@media(max-width: 500px) {
|
|
|
|
|
/* Reduce the size of the nav logo/header */
|
|
|
|
|
.docs-logo > img {
|
|
|
|
|
height: 75px;
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.docs-logo h1 {
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
line-height: 2rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Reduce the padding around standard doc content */
|
|
|
|
|
.docs-ng-view .doc-content {
|
|
|
|
|
margin: 8px;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Reduce the padding around doc demos */
|
|
|
|
|
.docs-ng-view docs-demo {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.docs-ng-view docs-demo:first-child {
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.docs-ng-view docs-demo .doc-demo-content {
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
