Fix CSS media queries (#576)

This commit is contained in:
Yangshun Tay 2018-04-17 09:47:04 -07:00 committed by Joel Marcey
parent 1642c078a7
commit b23b0def1d

View file

@ -756,7 +756,7 @@ pre code {
font-weight: normal; font-weight: normal;
text-decoration: none; text-decoration: none;
} }
@media only screen and (min-device-width: 360px) and (max-device-width: 735px) { @media only screen and (max-width: 735px) {
a.edit-page-link.button{ a.edit-page-link.button{
display: none; display: none;
} }
@ -796,7 +796,7 @@ pre code {
max-width: 500px; max-width: 500px;
flex: 0 1 500px; flex: 0 1 500px;
} }
@media only screen and (min-device-width: 360px) and (max-device-width: 735px) { @media only screen and (max-width: 735px) {
.imageAlignSide .blockImage { .imageAlignSide .blockImage {
display: none; display: none;
} }
@ -882,7 +882,7 @@ pre code {
.container.paddingTop { .container.paddingTop {
padding-top: 80px; padding-top: 80px;
} }
@media only screen and (min-device-width: 360px) and (max-device-width: 735px) { @media only screen and (max-width: 735px) {
.container.paddingBottom { .container.paddingBottom {
padding-bottom: 40px; padding-bottom: 40px;
} }
@ -1204,7 +1204,7 @@ ul#languages li {
} }
} }
@media only screen and (max-device-width: 735px) { @media only screen and (max-width: 735px) {
.navigationSlider .slidingNav ul { .navigationSlider .slidingNav ul {
overflow-x: auto; overflow-x: auto;
} }
@ -1219,7 +1219,7 @@ ul#languages li {
.docs-prev { .docs-prev {
float: left; float: left;
} }
@media only screen and (min-device-width: 360px) and (max-device-width: 735px) { @media only screen and (max-width: 735px) {
.docs-prevnext { .docs-prevnext {
height: 40px; height: 40px;
} }
@ -1276,7 +1276,7 @@ nav.toc section {
nav.toc:last-child { nav.toc:last-child {
padding-bottom: 100px; padding-bottom: 100px;
} }
@media only screen and (min-device-width: 360px) and (max-device-width: 735px) { @media only screen and (max-width: 735px) {
nav.toc { nav.toc {
width: 100%; width: 100%;
} }
@ -1658,7 +1658,7 @@ table tr th {
.blog-recent > a { .blog-recent > a {
float: left; float: left;
} }
@media only screen and (min-device-width: 360px) and (max-device-width: 735px) { @media only screen and (max-width: 735px) {
.blog-recent { .blog-recent {
height: 40px; height: 40px;
} }
@ -1734,7 +1734,7 @@ h6:hover .header-link {
width: 110px; width: 110px;
padding: 20px; padding: 20px;
} }
@media only screen and (min-device-width: 360px) and (max-device-width: 735px) { @media only screen and (max-width: 735px) {
.gridBlock .fourByGridBlock { .gridBlock .fourByGridBlock {
box-sizing: border-box; box-sizing: border-box;
flex: 1 0 26%; flex: 1 0 26%;
@ -1776,7 +1776,7 @@ h6:hover .header-link {
padding: 20px; padding: 20px;
} }
@media only screen and (min-device-width: 360px) and (max-device-width: 735px) { @media only screen and (max-width: 735px) {
.showcaseSection .logos img { .showcaseSection .logos img {
max-height: 64px; max-height: 64px;
width: 64px; width: 64px;