55 lines
1.0 KiB
CSS
55 lines
1.0 KiB
CSS
@media screen and (max-width:39rem) {
|
|
.gdoc-nav {
|
|
margin-left: -16rem;
|
|
font-size: 16px
|
|
}
|
|
.gdoc-nav__control {
|
|
display: inline-block
|
|
}
|
|
.gdoc-header .icon {
|
|
width: 1.5rem;
|
|
height: 1.5rem
|
|
}
|
|
.gdoc-brand {
|
|
font-size: 1.5rem
|
|
}
|
|
.gdoc-brand__img {
|
|
display: none
|
|
}
|
|
.gdoc-error {
|
|
padding: 6rem 1rem
|
|
}
|
|
.gdoc-error .icon {
|
|
width: 4rem;
|
|
height: 4rem
|
|
}
|
|
.gdoc-error__message {
|
|
padding-left: 2rem
|
|
}
|
|
.gdoc-error__line {
|
|
padding: .25rem 0
|
|
}
|
|
.gdoc-error__title {
|
|
font-size: 2rem
|
|
}
|
|
.gdoc-page__header .breadcrumb,
|
|
.hidden-mobile {
|
|
display: none
|
|
}
|
|
.gdoc-footer__item {
|
|
width: 100%
|
|
}
|
|
#menu-control:checked ~ main .gdoc-nav nav,
|
|
#menu-control:checked ~ main .gdoc-page {
|
|
transform: translateX(16rem)
|
|
}
|
|
#menu-control:checked ~ main .gdoc-page {
|
|
opacity: .25
|
|
}
|
|
#menu-control:checked ~ .gdoc-header .gdoc-nav__control .icon.menu {
|
|
display: none
|
|
}
|
|
#menu-control:checked ~ .gdoc-header .gdoc-nav__control .icon.arrow-back {
|
|
display: inline-block
|
|
}
|
|
} |