Fixed docs styling in Firefox.

Since it doesn't support the Shadow DOM, the /deep/ CSS selector was
confusing it.

Also, I found that Firefox will only load fonts from a relative
(file://) URL if it's a subdirectory, so it won't load the bundled
Roboto font. It doesn't make sense to move the docs or the font files
though, so I guess Firefox users will just have to put up with Arial.
This commit is contained in:
Oliver Hamlet
2015-01-02 20:53:53 +00:00
parent 32d97bd339
commit a77a0634bb
2 changed files with 10 additions and 18 deletions
+5 -9
View File
@@ -77,9 +77,7 @@ html {
font-size: 1.429rem;
/*letter-spacing: 0.005em;*/
}
.subhead, h4,
#summary > h1,
html /deep/ paper-item {
.subhead, h4 {
font-weight: 400;
font-size: 1.143rem;
line-height: 1.75;
@@ -87,9 +85,7 @@ html /deep/ paper-item {
/* line-height: 1.5; */
/*letter-spacing: 0.01em;*/
}
.button,
html /deep/ paper-tab,
html /deep/ paper-button {
.button {
font-weight: 500;
font-size: 1rem;
text-transform: uppercase;
@@ -105,17 +101,17 @@ a:hover {
text-decoration: underline;
}
/* Tables */
html /deep/ table {
table {
border-collapse: collapse;
width: 100%;
background-color: #E8EAF6;
}
html /deep/ table td, table th {
table td, table th {
vertical-align: top;
text-align: left;
padding: 8px 16px;
}
html /deep/ table th {
table th {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
+5 -9
View File
@@ -77,9 +77,7 @@ html {
font-size: 1.429rem;
/*letter-spacing: 0.005em;*/
}
.subhead, h4,
#summary > h1,
html /deep/ paper-item {
.subhead, h4 {
font-weight: 400;
font-size: 1.143rem;
line-height: 1.75;
@@ -87,9 +85,7 @@ html /deep/ paper-item {
/* line-height: 1.5; */
/*letter-spacing: 0.01em;*/
}
.button,
html /deep/ paper-tab,
html /deep/ paper-button {
.button {
font-weight: 500;
font-size: 1rem;
text-transform: uppercase;
@@ -105,17 +101,17 @@ a:hover {
text-decoration: underline;
}
/* Tables */
html /deep/ table {
table {
border-collapse: collapse;
width: 100%;
background-color: #E8EAF6;
}
html /deep/ table td, table th {
table td, table th {
vertical-align: top;
text-align: left;
padding: 8px 16px;
}
html /deep/ table th {
table th {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}